如何在我的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/