此黑客适用于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中，您可以传递比预期更多的参数，所有参数都将被求值。

此样式用于表格的完全重置-单元格填充、单元格间距和边框。

我的reset.css文件中有这样的样式：

table{
    border:0;          /* Replace border */
    border-spacing: 0px; /* Replace cellspacing */
    border-collapse: collapse; /* Patch for Internet Explorer 6 and Internet Explorer 7 */
}
table td{
    padding: 0px; /* Replace cellpadding */
}

CSS:

selector{
    padding:0 0 10px 0; // Top left bottom right 
}

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

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

此外，如果您希望cellspacing=“0”，请不要忘记在表的样式表中添加边框折叠：折叠。

据我所知，在表格单元格上设置边距实际上没有任何效果。单元格间距的真正CSS等价物是边框间距，但它在Internet Explorer中不起作用。

您可以使用border-collapse:collapse将单元格间距可靠地设置为0，如前所述，但对于任何其他值，我认为唯一的跨浏览器方法是继续使用cellspacing属性。