在CSS中,table是一個常用的標簽。它用來創(chuàng)建表格,通常包含表頭、表身和表尾三部分。
<table> <thead> <tr> <th>表頭1</th> <th>表頭2</th> <th>表頭3</th> </tr> </thead> <tbody> <tr> <td>內(nèi)容1-1</td> <td>內(nèi)容1-2</td> <td>內(nèi)容1-3</td> </tr> <tr> <td>內(nèi)容2-1</td> <td>內(nèi)容2-2</td> <td>內(nèi)容2-3</td> </tr> </tbody> <tfoot> <tr> <th colspan="3">表尾</th> </tr> </tfoot> </table>
在這個表格中,我們使用了thead、tbody和tfoot標簽,把表頭、表身和表尾分別包裹起來。在表頭中,我們使用th標簽來標識表頭單元格;在表身中,我們使用td標簽來標識內(nèi)容單元格。
另外,我們還使用了colspan屬性來合并單元格。在表尾中,我們合并了三個單元格。
除此之外,我們還可以通過CSS來對表格進行樣式設(shè)置。比如,我們可以設(shè)置表格的寬度、字體、邊框等等。
table { width: 100%; border-collapse: collapse; font-size: 14px; border: 1px solid #ddd; } th, td { border: 1px solid #ddd; padding: 8px; text-align: center; } th { background-color: #f2f2f2; }
在這個CSS代碼中,我們設(shè)置了表格的寬度為100%、字體大小為14px、邊框為1px的灰色虛線。我們還設(shè)置了表頭單元格的背景色為淺灰色。
這樣,我們就可以使用CSS來美化表格,讓它更加清晰和美觀。