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

【问题标题】：HTML tr background color without collapsing borders没有折叠边框的 HTML tr 背景颜色
【发布时间】：2013-09-21 14:45:34
【问题描述】：

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

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

【问题讨论】：

如何在该 tr 的所有 td 上设置背景
你试过什么，你的小提琴在哪里
如何设置该行 TD 的边框颜色？
@caramba 我加了小提琴

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

添加一个css文件只为td标签着色，然后你就可以看到边框了。

【讨论】：