淘先锋技术网

首页 1 2 3 4 5 6 7

在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来美化表格,让它更加清晰和美观。