帶間距的表格，一直有一個堅實的背景

Question

我有交替的背景顏色，但由於間距較大，它們之間有間隙。我希望顏色像沒有間距一樣穿過，所以一直堅持到底。

tr:nth-child(even) { 
    background-color: #FFFFFF; 
} 
tr:nth-child(odd) { 
    background-color: #000000; 
} 

Answer 1

table{ 
    border-collapse: collapse; /* add this one */ 
} 

Demo with issue
Demo without issue

Answer 2

在表標籤本身，使用CELLSPACING = 「0」 和的cellpadding = 「0」 來達到同樣的效果，但對於那些沒有瀏覽器（或很差）支持border-collapse屬性。

你也可以不創建間隙來恢復丟失的空間：

td{padding:2px 4px}