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

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

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

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

我用过！在边境崩溃后很重要

border-collapse: collapse !important;

它在IE7中对我有用。它似乎覆盖了cellspacing属性。

基础

为了控制CSS中的“cellpadding”，您可以简单地在表单元格上使用padding。例如，对于10px的“cellpadding”：

td { 
    padding: 10px;
}

对于“cellspacing”，可以将border-spacing CSS属性应用于表。例如，对于10px的“单元间距”：

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

该属性甚至允许单独的水平和垂直间距，这是老式“cellspacing”无法做到的。

IE中的问题≤7

这几乎适用于所有流行的浏览器，除了Internet Explorer到Internet Explorer 7，在那里你几乎没有运气。我说“几乎”是因为这些浏览器仍然支持边界折叠属性，该属性合并相邻表单元格的边界。如果您试图消除cellspacing（即cellspacing=“0”），那么边框折叠：折叠应该具有相同的效果：表单元格之间没有空格。但是，这种支持有缺陷，因为它不会覆盖表元素上现有的cellspacingHTML属性。

简而言之：对于非Internet Explorer 5-7浏览器，边框间距可以控制您。对于Internet Explorer，如果您的情况正好（您需要0个单元格间距，而您的表尚未定义它），则可以使用边框折叠：折叠。

table { 
    border-spacing: 0;
    border-collapse: collapse;
}

注意：有关可以应用于表以及适用于哪些浏览器的CSS财产的详细概述，请参阅这个奇妙的Quirksmode页面。

CSS:

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

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

我的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 */
}