html - 没有折叠边框的 HTML tr 背景颜色

Question

我想把背景颜色放在一个整体上<tr>。我试了一下，细胞之间有白色的缝隙。我发现了很多这样的答案，建议折叠表格的边框。但是，我不希望边界崩溃！我想要所有其他行的边框，只是这一行没有（或者更准确地说，我想要这一行的边框间距，但 BG 颜色应该包括间距）

这是小提琴：http: //jsfiddle.net/qEg9L/1/。如您所见，表格的其余单元格是各种颜色的，边框有助于区分它们。只有顶行是纯色的，我不想要边框

Answer 1

使用border-collapse: collapse;但然后添加您自己的边框

编辑（现在你发布了你的小提琴）

更新的小提琴

table{
    border-collapse: collapse;
  }
table td{
    border: 1px solid white;
  }

---

小提琴

<table>
  <tr class="withBack">
    <td>test</td>
    <td>test</td>
  </tr>
    <tr>
        <td>test</td>
        <td>test</td>
    </tr>
</table>


  table{
    border-collapse: collapse;

  }
  table td{
    border: 5px solid green;
    padding: 10px 20px;
  }
.withBack
{
    background: pink;
}
.withBack td
{
    background: pink;
    border: 5px solid pink;
}

Answer 2

添加一个 css 文件以仅着色 td 标签，然后您将能够看到边框。

Answer 3

只需像这样将这种样式添加到表格中

<table style='border-spacing:0px'>
    // your code.
</table>