Html 为tr之间的空间着色

我想给两行之间的空间涂上颜色。 结果是：

我所做的工作如下：

如您所见，每行之间仍有间距。顺便说一句，表格是用php制作的。

---

如何给行之间的空间上色？

给整个表格一个背景色，然后为每个表格指定您想要的背景色。

给整个表格一个背景色，然后为每个表格指定您想要的背景色。

将单元格的位置设置为相对，然后使用绝对值定位伪元素

下面是一个非常粗略的示例，假设单元格之间的间距为5px：

td{
    position:relative;
}
td:nth-child(2n-1)::after{
    background:red;
    bottom:-5px;
    content:"";
    display:block;
    position:absolute;
    right:-2px;
    top:-5px;
    width:2px;
}

将单元格的位置设置为相对，然后使用绝对定位的伪元素

下面是一个非常粗略的示例，假设单元格之间的间距为5px：

td{
    position:relative;
}
td:nth-child(2n-1)::after{
    background:red;
    bottom:-5px;
    content:"";
    display:block;
    position:absolute;
    right:-2px;
    top:-5px;
    width:2px;
}

---

您是说只对两行相邻的表格单元格的上下边缘之间的空间着色吗？单元格左右边缘之间的空间如何？是的，我指的是底部和顶部边缘之间的空间。你指的是只给底部和顶部边缘之间的空间着色，两行相邻的表格单元格？单元格左右边缘之间的间距如何？是的，我指的是底部和顶部边缘之间的间距。谢谢，但前面的解决方案更简单、更好。再次非常感谢^^我很困惑。您接受的答案会改变每个单元格周围的颜色，但您在问题中提供的代码表明您只希望在某些单元格的右侧有一行。我发布的代码就是我问题的一个示例。答案很好，我给了我一个好主意。我知道它可能有点脏，但只要它能工作，不需要花很多时间，那就好了。我也对你的答案投了赞成票^^在这种情况下，请更新你的问题，以澄清你所提供的只是为了说明问题，而不是作为你希望实现的示例。谢谢你，但之前的解决方案更简单、更好。再次非常感谢^^我很困惑。您接受的答案会改变每个单元格周围的颜色，但您在问题中提供的代码表明您只希望在某些单元格的右侧有一行。我发布的代码就是我问题的一个示例。答案很好，我给了我一个好主意。我知道它可能有点脏，但只要它能工作，不需要花很多时间，那就好了。我也对你的答案投了赞成票^^在这种情况下，请更新你的问题，以澄清你所提供的只是为了说明问题，而不是作为你希望达到的目标的示例。但是，现在整个表格都涵盖了，我可以在某些空间中以某种方式防止背景吗？我不能只是改变所有东西的背景…你可以很容易地改变表中每个子元素的背景，就像和CSB一样，但是现在整个表都被覆盖了，我能不能在一些空间中防止背景？我不能只更改所有内容的背景…您可以轻松地更改表中每个子元素的背景，就像CSS一样