如何在html表格中分隔兩個tr

Question

在HTML表格的兩行（tr）之間是否存在可視化分隔符？我試過<br>，但這不是有效的代碼。

我試過在休息後給tr添加一個填充頂部，但它不起作用。

目前我使用一個空行：

<tr><td colspan=\"X\">&nbsp;</td></tr> 

，但我不認爲這是最好的解決方案，特別是我必須確保如果有變化colspan調整是多少列。

有什麼辦法解決這個問題嗎？

Answer 1

編輯，以反映我重新閱讀的問題，而不是問題的標題（原來的答覆仍然是統治之下）。

如果你想有一個視覺分離器（而不是簡單的空白），那麼只需使用：

td { 
border-bottom: 1px solid #ccc; /* or whatever specific values you prefer */ 
} 

---

只有這樣，才能提高錶行之間的間距，我目前知道的，是對各行/小區使用padding：

td { 
    padding: 0.5em 1em; 
    border: 1px solid #ccc; 
} 

JS Fiddle demo

雖然使用透明（或background-color -ed邊界）的潛力：

table { 
    border-collapse: separate; 
} 

td { 
    border-top: 0.5em solid transparent; 
    border-bottom: 0.5em solid transparent; 
} 

td:hover { 
    border-color: #ccc; 
} 

JS Fiddle demo

Answer 2

的<tr />元素是所有瀏覽器都沒有風格化的，但是你可以隨時添加填充或自下而上邊界到tr內的單元格。

Answer 3

實際上，我一直在用這個單獨的tr s。我通過分隔符類對它們進行了樣式設置（例如，內部的一個td）。

關於colspan-問題見Colspan all columns。