HTML表格替代行着色与单元格填充

当使用

cellpadding=“10”

和交替行着色时，交替行的背景似乎不会随着cellpadding而“扩展”。例如：

如上图所示，背景和额外的单元格填充之间存在间隙。如何使背景覆盖整行，包括单元格填充

下面是它背后的HTML样式：

---

tr:nth child（偶数）{background color:#f2f2f2；}

它们确实如此，但您必须从

表中删除
边框间距
，然后调整
td
和
th
元素的单元格填充和/或边距和填充

默认情况下，表格的单元格之间有一个间距，该间距不是单元格“内容”的一部分，而是表格的一部分。在
表
、
td
和
th
上添加边框，以便更好地理解它。有关更多信息，请查看关于边框间距的

无单元格填充的示例：

表格{
边界间距：0；
}
td，th{
填充：10px 20px；
}
谢谢。但出于某种原因，这移除了我的手机垫。有没有什么方法可以在不删除单元格填充的情况下完成同样的事情？只需删除
td，th
部分，只保留
表
的内容。这似乎没有起作用。保持
cellspacting=“10”
的同时只添加
表
css似乎仍然忽略了单元格之间的间距。哦，好了，现在我知道问题出在哪里了。将
单元格间距
更改为
单元格填充
。不仅如此，它还击败了
边框间距
CSS。无论如何，最好不要使用它，而是将所有内容都保留在CSS中，因为它在HTML5上已被弃用。因此，请保持你的
表格
整洁，使用我在答案中包含的CSS。多年来，它一直让我发疯，人们一直在说“alternative”，而他们真正的意思是“alternative”。但这是我第一次看到有人说“另类”，其实他们的意思是“另类”。祝贺你（无意讽刺或批评，我真的很喜欢看它，以我自己反常的方式）。