对于那些想要非零单元格间距值的人，下面的CSS对我有用，但我只能在Firefox中测试它。

有关兼容性的详细信息，请参阅其他地方发布的Quirksmode链接。它似乎不适用于较旧的Internet Explorer版本。

table {
    border-collapse: separate;
    border-spacing: 2px;
}

此黑客适用于Internet Explorer 6及更高版本、Google Chrome、Firefox和Opera：

table {
    border-collapse: separate;
    border-spacing: 10px; /* cellspacing */
    *border-collapse: expression('separate', cellSpacing = '10px');
}

table td, table th {
    padding: 10px; /* cellpadding */
}

*声明适用于Internet Explorer 6和7，其他浏览器将正确忽略它。

expression（'separate'，cellSpacing='10px'）返回'separate'，但这两个语句都运行，因为在JavaScript中，您可以传递比预期更多的参数，所有参数都将被求值。

这个问题的简单解决方案是：

table
{
    border: 1px solid #000000;
    border-collapse: collapse;
    border-spacing: 0px;
}
table td
{
    padding: 8px 8px;
}

td {
    padding: npx; /* For cellpadding */
    margin: npx; /* For cellspacing */
    border-collapse: collapse; /* For showing borders in a better shape. */
}

如果边距不起作用，请尝试将tr的显示设置为块，然后边距将起作用。

违约

浏览器的默认行为相当于：

table {border-collapse: collapse;}
td    {padding: 0px;}

单元格填充

设置单元格内容与单元格墙之间的空间量

table {border-collapse: collapse;}
td    {padding: 6px;}

单元格间距

控制表格单元格之间的间距

table {border-spacing: 2px;}
td    {padding: 0px;}

Both

table {border-spacing: 2px;}
td    {padding: 6px;}

两者（特殊）

table {border-spacing: 8px 2px;}
td    {padding: 6px;}

注意：如果设置了边框间距，则表示表的边框折叠属性是单独的。

自己试试吧！

在这里，您可以找到实现这一点的旧HTML方法。

用div包装单元格的内容，你可以做任何你想做的事情，但你必须将每个单元格包装在一列中，以获得统一的效果。例如，要获得更宽的左右边距：

因此CSS将是，

div.cell加宽器{边距：0px 15px 0px 15像素；}时差{填充：0px；}<table border=“0”><tr><td class=“紧”><div class=“cellwider”>我的内容</div></td></tr></table>

是的，这很麻烦。是的，它适用于Internet Explorer。事实上，我只在Internet Explorer上测试过这一点，因为这是我们在工作中允许使用的全部功能。