在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標籤。確保只有頂行作爲黑色頂部邊框。