在网页设计中,表格是一个非常常用的元素。为表格加边框不仅有助于美化页面,还有助于提高网页的可读性。今天我们就来了解一下如何使用CSS来给表格加边框。首先,在HTML中创建一个表格: 姓名 年龄 性别...
在网页设计中,表格是一个非常常用的元素。为表格加边框不仅有助于美化页面,还有助于提高网页的可读性。今天我们就来了解一下如何使用CSS来给表格加边框。
首先,在HTML中创建一个表格:
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>小明</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>小红</td>
<td>18</td>
<td>女</td>
</tr>
</table>
table {
border: 1px solid black;
}
table {
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
}
table td, table th {
border: 1px solid black;
}