Question

我是初学者，我正在自学，如何掌握这种编程语言html和css。

我的身体中有3列，我希望设计像标签边框，而段落在框边框内。边框顶部的颜色为红色，带有标签名称。下图显示了我想要实现的目标

http://tinypic.com/view.php?pic=2gu9yzn&s=8

<style>
    body{
        background-color:#EDC8F7;
    }

    #column h3 {
        display:block;
        width:300px;
        background-color:#333;
        border:solid 1px #fff;  
        text-align:center;
        color:#fff;
    }       

    p {
        border:solid 1px #fff;
        width:300px;
        height:400px;
    }
</style>

<body>
    <div id = "column">
        <h3>ipsum</h3>
        <p>paragraph</p>
    </div>
</body>

Answer 1

为此我会考虑调查Bootstrap Panels。方法如下：

<div class="panel panel-default">
  <div class="panel-heading">Your panel heading here/div>
  <div class="panel-body">
    And your panel content here...
  </div>
</div>

您可以进一步自定义面板。例如，如果您想要红色背景标题，则可以使用<div class="panel panel-danger">代替<div class="panel panel-default">

希望有所帮助。

我在一个看起来与描述名称边界的正文内容中创建一列

1 个答案: