border-collapse属性的含义：

 

　　border-collapse属性是用来设置表格的边框是否合并成一个单一的边框，还是像在table中设置了border后边框独自分开显示

 

　　border-collapse属性的值

 

　　separate

 

　　这个属性值代表的是边框会被分开，不会忽略border-spacing和empty-cells属性，它是默认属性值

 

　　border-spacing：指的是相邻单元格的边框间的距离，因此我们可以通过该属性来设置边框之间的间距

 

　　empty-cells：指的是是否显示表格中的空单元格

 

　　注意：这两个属性都只能在分离边框中使用

 

　　

 

　　table{

 

　　font-size:16px;

 

　　color:#333333;

 

　　border-collapse:separate;

 

　　border-spacing:12px;

 

　　}

 

　　th{

 

　　border:1pxsolid#444;

 

　　padding:25px;

 

　　}

 

　　td{

 

　　border:1pxsolid#444;

 

　　padding:15px;

 

　　}

 

　　tr{

 

　　background:rgb(207,238,252);

 

　　}

 

　　</style>






本文转载自中文网