将CSS中的cellpadding和cellspacing设置为？

内容来自 DOC https://q.houxu6.top/?s=将CSS中的cellpadding和cellspacing设置为？

在HTML表格中，可以使用CSS设置cellpadding和cellspacing属性，如下所示：

<style>
    table {
        cellspacing: 1;
        cellpadding: 1;
    }
</style>
<table></table>

这样就可以使用CSS实现相同的效果。

---

基础知识

要在CSS中控制“cellpadding”，只需在表格单元格上使用padding属性。例如，要为10像素的“cellpadding”设置：

td { 
    padding: 10px;
}

对于“cellspacing”，可以将border-spacing CSS属性应用于表格。例如，要为10像素的“cellspacing”设置：

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

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

在IE≤7中的问题

这将在几乎所有流行的浏览器中起作用，除了Internet Explorer 7以下版本，在这些浏览器中您几乎无济于事。我之所以说“几乎”，是因为这些浏览器仍然支持border-collapse属性，它将合并相邻表格单元格的边框。如果您正在尝试消除单元格间距（即cellspacing="0"），则应使用border-collapse:collapse：表格单元格之间没有空间。这种支持是有缺陷的，因为它不会覆盖表格元素上已经存在的cellspacing HTML属性。

总之，对于非Internet Explorer 5-7浏览器，可以使用border-spacing来处理。对于Internet Explorer，如果您的情况恰到好处（您想要0单元格间距并且您的表格没有定义它），则可以使用border-collapse:collapse。

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

注意：有关可以应用于表格的CSS属性以及适用浏览器的出色概述，请参阅此Quirksmode页面。