CSS可以為表格加上線條,讓表格看起來更加整齊美觀。要給表格加線條,首先需要給表格的單元格(<td>
)和表頭單元格(<th>
)設(shè)置border
屬性。
下面是一個(gè)簡(jiǎn)單的表格:
<table> <thead> <tr> <th>姓名</th> <th>年齡</th> <th>性別</th> </tr> </thead> <tbody> <tr> <td>張三</td> <td>23</td> <td>男</td> </tr> <tr> <td>李四</td> <td>28</td> <td>女</td> </tr> </tbody> </table>
我們可以為表格添加線條樣式:
table, th, td { border: 1px solid black; }
這樣,表格的每個(gè)單元格和表頭單元格都會(huì)有一像素的黑色實(shí)線邊框。