css - 在 thead 和 tbody 之间创建双边框

Question

我做了一个关于分隔 thead 和 tbody 的测试，但是 thead 似乎比 有优先权tbody.

如果你有想法……

• 这是我的测试:http://jsfiddle.net/cFKns/2/
• 搜索以执行此操作:http://img844.imageshack.us/img844/693/12293655.png

Answer 1

您需要在不希望边框重叠的部分将border-collapse 值设置为separate，然后设置border-spacing 边框将接触的一侧为 1px。

我还必须将边框定义移动到 TH 和 TD 标签，因为我不认为 border-collapse 和 border-spacing 适用于 thead 和 tbody (至少我试过没用)

您可以在此处查看包含我的发现的更新结果:http://jsfiddle.net/jasongennaro/Pf7My/1/

我使用 tr:first-child td 定位了第一组 td 标签。这确保只有顶行作为黑色顶部边框。