CSS三線表是一個創(chuàng)建網(wǎng)絡(luò)表格的常用方法,它能夠在網(wǎng)頁中展示數(shù)據(jù)和信息。三線表中,第一行通常是表頭,第二行是表格線,第三行及以后為表格內(nèi)容。
table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 10px; }
上述代碼樣式對table、th和td標(biāo)簽進行了設(shè)置,使得表格和單元格都有黑色邊框,并且表格線會進行合并。其中th和td標(biāo)簽都設(shè)置了10px的內(nèi)邊距。
下面是創(chuàng)建一個簡單的三線表的代碼:
<table> <tr> <th>姓名</th> <th>性別</th> <th>年齡</th> </tr> <tr> <td>張三</td> <td>男</td> <td>25</td> </tr> <tr> <td>李四</td> <td>女</td> <td>30</td> </tr> <tr> <td>王五</td> <td>男</td> <td>40</td> </tr> </table>
上述代碼中,<table>標(biāo)簽用于創(chuàng)建表格,<tr>標(biāo)簽用于創(chuàng)建表格中的一行,<th>標(biāo)簽用于創(chuàng)建表頭單元格,<td>標(biāo)簽用于創(chuàng)建表格內(nèi)容。
通過CSS三線表,我們能夠快速地創(chuàng)建信息呈現(xiàn)的表格,讓網(wǎng)站更加直觀、易于閱讀。