关于使用 CSS 来控制 table 标签的 cellpadding 和 cellspacing 属性的问题_

关于使用 CSS 来控制 table 标签的 cellpadding 和 cellspacing 属性的问题

　　在 HTML 语言中，table 标签的 cellpadding 和 cellspacing 属性，分别表示表格边框间距和表格边框中间和单元格中间的间距，都是以像素(px)为单位。下面看一段代码：
<table width="200" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#CCFFCC">行一</td>
</tr>
<tr>
<td bgcolor="#FFCCFF">行二</td>
</tr>
</table>
这是一个没有边框的表格，单元格之间也没有边距。虽说现在提倡使用 DIV+CSS 来设计网页，但我目前还是已经习惯使用 table 标签来规划页面，所以就想保留 table 标签，而 table 标签的一些属性则用 CSS 来控制，上面的表格效果在 CSS 中可以这样实现。代码如下：
<table width="200" height="100" style="border-collapse:collapse;">
<tr>
<td bgcolor="#CCFFCC" style="padding:0px;">行一</td>
</tr>
<tr>
<td bgcolor="#FFCCFF" style="padding:0px;">行二</td>
</tr>
</table>
这个表格使用 CSS 来控制实现了上面那个表格 cellpadding="0" cellspacing="0" 的效果，要分别在 table 标签和 td 标签设置 CSS 才能实现。border-collapse:collapse;相当于 cellspacing="0"，padding:0px;相当于 cellpadding="0"，但如果要实现 cellpadding="2" cellspacing="2" 就有点难度了，因为一旦把 border-collapse:collapse;的值 collapse 设置为具体的数值，比如 4px，边框能够正常显示，但不管数据设置多少，效果都是一样的。
　　百度百来百去，也没有找到更具体，更直接的方法。看到网络上有人建议：签于目前网页浏览器对样式属性支持不一致，如果想要使用 table 标签来规划页面，建议仍然使用 cellpadding 和 cellspacing 属性来调整表格的间距。

文章作者：未知