table表格

12 篇文章 0 订阅
7 篇文章 0 订阅

标签:

1)表格的行分组包括:thead/tbody/tfoot。

注意:行内分组都是双,一个表格只能有一个头部和尾部,可以出现多个主体。

2)表格的标题:caption(双标签)

3)表格的标题行和标题列:th(加粗居中,替换的是td)

表格的css属性:

1.table:

1)border属性:只给table添加边框(最外侧一圈)

2)调整单元格与单元格之间的间距:border-spacing:0px(默认得到的边框是2px)

3)实现1px细线边框:

1>border-collapse:collapse

2>使用单元格之间的间距,设为1px,通过背景颜色进行设置

4)表格的布局算法:table-layout:auto/fixed两个取值

auto:优点:自动撑开,缺点:只要文本过多都会让表格布局发生改变,重新计算

fixed:优点:固定宽度,给表格固定一个宽度,不会撑开,不用每次都重新计算表格的宽度

缺点:宽度固定之后文本容易溢出

2.td:

1)border属性:给每个单元格添加边框

2)padding属性:调整单元格与内容之间的间距

3)如果遇到空的单元格,想要把空的单元格删除掉:empty-cells:hide

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值