【CSS表格table】

来源:互联网 发布:js jsonarray add 编辑:程序博客网 时间:2024/05/18 07:10

【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单元格里面,否则内容会跑到表格外面。


原创粉丝点击