java 表格属性_table 表格的属性

1】.表格什么属性都不用,默认样式

第一行第一行第一行第一行
第二行第二行第二行第二行
第三行第三行第三行第三行

3b4e14d4d67ba391d69ac6f8249080a5.png

2】.给table,td添加边框

.table-style, td{

border:1px solid #EEE0E5;

}

d3566f2313043bdd79c3523a63ae9b71.png

3】.把表格单元格间距设置为0(cellspacing="0")

cellspacing:规定单元格之间的空间

3.1 cellspacing="0"

c0d05d1c783eddc7fceeb690400b9e0c.png

单元格之间的空间去掉之后,边框会重叠,导致边框变粗

3.2 cellspacing="10"

3c12d09cc6aa999e70bc18b81f3da6cd.png

4】.边框去重

.table-style{

border-collapse: collapse;

}

5a2b284b9482bb7786a4e32a785dd3a2.png

5】.表单变为圆角

.table-style{

border-collapse: separate;

border-radius:10px;

overflow: hidden;

}

604b5ef528699cb5806f7c74395256c2.png

border-collape设置为separate边框去重效果就失效了,

6】.cellpadding属性

规定单元边沿与其内容之间的空白

2a5d44b577934d9a0afe8aae0100ad2f.png

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值