在HTML中,表格的标题一般会使用
标签来定义;通常这个标题会被居中于表格之上,但可以使用CSS属性来设置标题的显示位置。那么css如何控制表格标题的位置?下面给大家介绍一下。 标签定义表格的标题。 标签必须直接放置到css如何控制表格标题的位置?
在table表格中,caption标签是用于为表格提供简短的标题,如标题或简短描述。caption标签是插在开始
caption-side属性用于设置表格的标题位置。
我们可以使用caption-side属性,来在表的上方或下方定位表格标题,指定标题位于表格的上方或下方。
属性值:top 默认值。把表格标题定位在表格之上。
bottom 把表格标题定位在表格之下。
示例:指定表格标题的位置
HTML代码:
标题内容 1标题内容 2
页脚内容 1页脚内容 2主体内容 1主体内容 2CSS代码:caption {
caption-side: bottom;
padding: .5em;
color: #de64a4;
}
效果图:
更多web前端开发知识,请查阅 HTML中文网 !!