如何使用無邊框的一種顏色對一行着色？

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：

邊界崩潰CSS屬性指定表格邊框是否分離或摺疊。在分離的邊界模型中，相鄰的單元格各有不同的邊界。在摺疊邊框模型中，相鄰的單元格共享邊框。

table { 
 
    border-collapse: collapse; 
 
} 
 

 
tr { 
 
    background: #EEE; 
 
}

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