在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/

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