1】.表格什么属性都不用,默认样式
| 第一行 | 第一行 | 第一行 | 第一行 |
| 第二行 | 第二行 | 第二行 | 第二行 |
| 第三行 | 第三行 | 第三行 | 第三行 |

2】.给table,td添加边框
.table-style, td{
border:1px solid #EEE0E5;
}

3】.把表格单元格间距设置为0(cellspacing="0")
cellspacing:规定单元格之间的空间
3.1 cellspacing="0"

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

4】.边框去重
.table-style{
border-collapse: collapse;
}

5】.表单变为圆角
.table-style{
border-collapse: separate;
border-radius:10px;
overflow: hidden;
}

border-collape设置为separate边框去重效果就失效了,
6】.cellpadding属性
规定单元边沿与其内容之间的空白

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