每天CSS学习之border-collapse

border-collapse是CSS2的一个属性，其作用是折叠表格(table)的边框。collapse翻译过来又折叠的意思。

border-collapse有三个值：

collapse:将表格和单元格的边框折叠；

separate:分隔表格和单元格的边框，这是默认值；

inherit:从父元素继承该属性。

 

实践一下：

1、分隔表格和单元格的边框，这是默认的：

            table,th,td{
                border:1px solid black;
            }
            
            .myTable{
                border-collapse:separate;            
            }

 

2、折叠表格和单元格的边框：

            table,th,td{
                border:1px solid black;
            }
            
            .myTable{
                border-collapse:collapse;            
            }

 

转载于:https://www.cnblogs.com/williamwsj/p/7401977.html