【CSS表格table】

CSS表格table


表格(table)是什么?做什么用的?

表格主要用于向用户呈现数据,尽量不要用于布局。


表格(table)的基本元素

caption:元素定义表格标题;

thead:标签定义表格的表头;

tbody:标签表格主体(正文);

tfoot:标签定义表格的页脚(脚注或表注);

tr:表格的行;(tr:table row)

th:表头单元格;

td:单元格;


表格(table)的属性

(cell:单元格)

cellpadding:设置单元格边框与单元格里的内容之间的距离 ;

cellspacing:设置单元格间的距离。


表格(table)的属性

colspan:跨列;

rowspan:跨行;

border:表格边框;

border-collapse:合并边框。


表格(table)的嵌套

使用表格时注意合理嵌套,遵循标签的语义性,table下只能包含thead,tbody,tfoot,标题是在表格外面用caption标签;

thead包含tr,tr包含th;

tbody和tfoot包含tr,tr包含td;

表格里的内容要写在th或者td单元格里面,否则内容会跑到表格外面。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容