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


版权声明:本文为weixin_36486277原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。