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

Question

我做了一个关于边框分开的测试thead，tbody但thead似乎优先于tbody.

如果你有想法……</p>

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

Answer 1

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

我还必须将边框定义移动到THandTD标签，因为我不认为border-collapse并border-spacing适用于theadand tbody（至少在我尝试时它不起作用）。

你可以在这里看到我的发现的更新结果：http: //jsfiddle.net/jasongennaro/Pf7My/1/

我td使用tr:first-child td. 确保只有顶行作为黑色上边框。