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