在HTML表格中，单元格填充和单元格间距可以这样设置：
<table cellspacing="1" cellpadding="1">
如何使用CSS实现这一点？
当前回答
违约
浏览器的默认行为相当于：
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方法。
其他回答
对于那些想要非零单元格间距值的人，下面的CSS对我有用，但我只能在Firefox中测试它。
有关兼容性的详细信息，请参阅其他地方发布的Quirksmode链接。它似乎不适用于较旧的Internet Explorer版本。
table {
border-collapse: separate;
border-spacing: 2px;
}
待定。对于所有使用CSS的问题，您最好只使用cellpadding=“0”cellspacing=“0“，因为它们没有被弃用。。。
显然，任何其他建议<td>利润的人都没有尝试过这一点。
您可以使用CSS padding属性轻松地在表格单元格内设置填充。这是产生与表的cellpadding属性相同效果的有效方法。
桌子第，标准差{边框：1px实心#666；}表th，表td{填充：10px；/*应用单元格填充*/}<!DOCTYPE html><html lang=“en”><head><meta charset=“utf-8”><title>在CSS中设置Cellpadding</title></head><body><表><thead><tr><th>行</th><th>名字</th><th>姓氏</th><th>电子邮件</th></tr></thead><tbody><tr><td>1个</td><td>克拉克</td><td>肯特</td><td>clarkkent@mail.com</td></tr><tr><td>2个</td><td>彼得</td><td>帕克</td><td>peterparker@mail.com</td></tr><tr><td>3个</td><td>约翰</td><td>兰博</td><td>johnrambo@mail.com</td></tr></tbody></table></body></html>
类似地，您可以使用CSS边框间距属性来应用相邻表格单元格边框之间的间距，如cellspacing属性。但是，为了计算边界间距，边界塌陷属性的值必须是单独的，这是默认值。
表{边界塌陷：分离；边框间距：10px；/*应用单元格间距*/}桌子第，标准差{边框：1px实心#666；}表th，表td{填充：5px；/*应用单元格填充*/}<!DOCTYPE html><html lang=“en”><head><meta charset=“utf-8”><title>在CSS中设置单元格间距</title></head><body><表><thead><tr><th>行</th><th>名字</th><th>姓氏</th><th>电子邮件</th></tr></thead><tbody><tr><td>1个</td><td>克拉克</td><td>肯特</td><td>clarkkent@mail.com</td></tr><tr><td>2个</td><td>彼得</td><td>帕克</td><td>peterparker@mail.com</td></tr><tr><td>3个</td><td>约翰</td><td>兰博</td><td>johnrambo@mail.com</td></tr></tbody></table></body></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上测试过这一点，因为这是我们在工作中允许使用的全部功能。
td {
padding: npx; /* For cellpadding */
margin: npx; /* For cellspacing */
border-collapse: collapse; /* For showing borders in a better shape. */
}
如果边距不起作用，请尝试将tr的显示设置为块，然后边距将起作用。
