Question

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

我的身体中有3列，我希望设计像标签边框，而段落在框边框内。边框顶部的颜色是蓝色（我可以在哪里放置标签名称）。

下图显示了我想要的内容： http://i58.tinypic.com/2i9gvt4.jpg

Answer 1

如果您在文本周围使用<div>容器，则可以执行以下操作：

<div>
    <!-- the "tab" -->
    <h3 style="color:blue;">ipsum</h3>
    <!-- the paragraph -->
    <p style="border: 1px solid black;">
        paragraph
    </p>
</div>

修改：属于评论，此处为新解决方案：http://jsfiddle.net/hqqtm2xf/2/

请记住将CSS样式放在单独的文件中，这仅用于演示原因。

要开始使用HTML和CSS，我建议使用http://www.w3schools.com/css/和http://www.w3schools.com/html/

希望它有所帮助。问候席

Answer 2

你也可以给每个<tr> - 标记一个自己的类，然后在那里设置bg颜色

<style>
.ipsum {

     color: #1062DD;
}

.paragraph {

    background-color: #333333;
    border: 1px solid #FFFFFF;
    color: red;
    // height: 200px;
}
</style>
<table><td>
<tr class="ipsum">ipsum</tr>
<tr class="paragraph">paragraph</tr>
</td></table>

Answer 3

<table style="border:1px solid blue;padding:10px;">
<tr>
<td> Column1 </td>
<td> Column2 </td>
<td> Column3 </td>
</tr>
</table>

只需简化代码即可。

HTML / CSS中的制表符边框（初学者）

3 个答案: