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


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值