CSS中的caption属性是用来设置表格标题的样式的。在HTML中,表格标题可以使用标签来定义。 这是一个表格标题 姓名 年龄 性别 张三 20 男 李四 25 女 在上述代码中,我们...
CSS中的caption属性是用来设置表格标题的样式的。在HTML中,表格标题可以使用<caption>标签来定义。
<table>
<caption>这是一个表格标题</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>女</td>
</tr>
</table>
在上述代码中,我们使用了<caption>标签来定义表格标题,“这是一个表格标题”。接下来我们可以使用CSS的caption属性来设置标题的样式,比如设置字体大小、颜色和对齐方式等。
table caption {
font-size: 16px;
color: #333;
text-align: center;
}
上述代码中,我们利用CSS的caption选择器来对表格标题进行样式设置。我们设置了字体大小为16像素,颜色为#333,以及居中对齐。
通过使用CSS的caption属性,我们可以方便地为表格添加标题并对标题进行样式设置,使表格的展示更加美观。