在HTML中設置內表格邊框

Question

如何設置「內邊框」 - 不同單元格之間的邊框。

通過設置樣式屬性，我設法控制外邊框，但內邊框保持相同的灰色和相同的寬度。我應該調整哪些屬性來控制內部邊界？

Answer 1

您需要設計樣式<td>元素。

看看在W3C website

Answer 2

對於普通表格標記，這裏是一個簡短的解決方案，對所有設備的工作原理/上BrowserStack瀏覽器，除了IE 7及以下：

table { border-collapse: collapse; } 

td + td, 
th + th { border-left: 1px solid; } 
tr + tr { border-top: 1px solid; } 

對於IE 7支持，補充一點：

tr + tr > td, 
tr + tr > th { border-top: 1px solid; } 

測試用例可以在這裏看到：http://codepen.io/dalgard/pen/wmcdE