table的td其间有间隙

table的td之间有间隙
一个简单的html布局

<table> <tr> <td align="center">COLUM1</td> <td  align="center">COLUM2</td> </tr>

css中这么定义style1样式的

td.style1{border-style:solid;border-color:gray;border-width:1px;cellspacing=0;cellpadding=0;padding=0;margin=0;}

但还是有间隙

直到table里加上
《<table style="border-collapse:collapse">
css手册这么描述
border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示、、、
    值                         描述
separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。

collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

inherit 规定应该从父元素继承 border-collapse 属性的值。

查看更多 下一篇