在CSS中,table是一个常用的标签。它用来创建表格,通常包含表头、表身和表尾三部分。
<table> <thead> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> </tr> </thead> <tbody> <tr> <td>内容1-1</td> <td>内容1-2</td> <td>内容1-3</td> </tr> <tr> <td>内容2-1</td> <td>内容2-2</td> <td>内容2-3</td> </tr> </tbody> <tfoot> <tr> <th colspan="3">表尾</th> </tr> </tfoot> </table>
在这个表格中,我们使用了thead、tbody和tfoot标签,把表头、表身和表尾分别包裹起来。在表头中,我们使用th标签来标识表头单元格;在表身中,我们使用td标签来标识内容单元格。
另外,我们还使用了colspan属性来合并单元格。在表尾中,我们合并了三个单元格。
除此之外,我们还可以通过CSS来对表格进行样式设置。比如,我们可以设置表格的宽度、字体、边框等等。
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代码中,我们设置了表格的宽度为100%、字体大小为14px、边框为1px的灰色虚线。我们还设置了表头单元格的背景色为浅灰色。
这样,我们就可以使用CSS来美化表格,让它更加清晰和美观。