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

Question

我想给整体加上背景色<tr> .我试过了，单元格之间有白色间隙。我找到了很多答案，例如 this建议折叠表格的边框。但是，我不希望边界崩溃!我想要所有其他行的边框，只是这个彩色行没有(或者更准确地说，即使在这一行中我也想要边框的间距，但是 BG 颜色应该包括间距)

这是 fiddle :http://jsfiddle.net/qEg9L/1/ .如您所见，表格的其余单元格是各种颜色，边框有助于区分它们。只有最上面一行是纯色，我不要边框

Answer 1

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

编辑(现在您发布了您的 fiddle )

UPDATED FIDDLE

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

---

FIDDLE

<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;
}