如何在thead部分的底部制作邊框？

Question

所以我有一張桌子，外面只有邊框。 這就是我要的。 但是，我也希望<thead>部分的底部帶有邊框。 因此，基本上，標題行與所有其他行之間會有一條水平線。 但是，我無法做到這一點。

我嘗試做類似的事情：

thead {
    border-bottom-style: solid;
}

但這不會產生任何結果。 我也嘗試過：

th {
    border-bottom-style: solid;
    border-width: thin; 
}

但這在每列之間留下很小的間隙。 它看起來應該像這樣的JSFiddle，但兩者之間沒有空隙（這使用了我的第二個代碼建議）： http : //jsfiddle.net/C8mjK/2/

有什么建議么？

Answer 1

您可以將其添加到表css中：

table { border-collapse: collapse; }

這將刪除每個表格單元格的邊框之間的間距。

更新的小提琴示例：

• http://jsfiddle.net/C8mjK/4/