如何用一种没有边框的颜色为一行着色？

Question

我有这张桌子：

 <table class="custom-table">
      <tr>
          <td>231232131</td>
           <td>INTERNATIONAL FEDERATION O</td>
      </tr>
 </table>

我想要的是使用一种颜色的行，例如#eee;

现在我添加

tr{
 background:#eee;
}

我的行有灰色但是在td之间我有空格，但如果我加上：

table{
background:#eee
}

然后我在tr之间没有空格。有什么建议吗？

Answer 1

您可以将border-collapse属性添加到表格中。

来自MDN：

  

border-collapse CSS属性指定表格的边框是分开还是折叠。在分离边界模型中，相邻的单元格各自具有不同的边界。在折叠边界模型中，相邻单元格共享边界。

＆＃13;

＆＃13;

table {
  border-collapse: collapse;
}

tr {
  background: #EEE;
}

＆＃13;

<table class="custom-table">
  <tr>
    <td>231232131</td>
    <td>INTERNATIONAL FEDERATION O</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;