CSS中有关table cells间隔的设置

html中默认table里的单元格之间是有间距的，像这样：

要知道，我们可以对 table 元素设置margin，但不能设置padding（之前不可以，现在可以了？）；可以对 td 元素设置padding，但不能设置margin；tr设置margin、padding属性都无效。

要想达到控制单元格间距的目的，可以通过以下手段：

1）CSS中有border-collapse属性，value可以为separate、collapse和inherit，可以用来控制单元格之间有无间距。

     当设置为“边框分离”模式时，可以通过border-spacing属性设置间距大小：

     table{

         border-collapse: separate; 

         border-spacing: 10px 5px;  /* 水平间距 垂直间距 */

     }

   

    当设置为“边框合并”模式时，会忽略border-spacing属性和empty-cells（show/hide 是否显示表格中的空单元格）属性。

2）table自身有属性cellspacing、cellpadding，但html5不再支持了，所以建议用CSS border-collapse代替cellspacing，用td的margin代替cellpadding。