Question

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

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

Answer 1

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

Answer 2

将css文件添加到仅颜色的td标签，然后您就能看到边框。

Answer 3

只需将此样式添加到此类

的表格中即可

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

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

3 个答案: