分配CSS邊境到谷歌錶行

Question

我使用google visualization table作出表，我儘量讓每一行有一個邊界，實現它是這樣的：

https://jsfiddle.net/5u7ay1jj/4/

然而，border CSS似乎不工作。我怎樣才能使它工作？而且，默認google table css將突出顯示偶數行，而不是奇數行，這是如何發生的？

Answer 1

表格行沒有邊框。改爲將行分配給行中的表格單元格。

.rowodd .google-visualization-table-td { 
    background-color: Linen; 
    border: 4px solid #000000; 
} 

.rownormal .google-visualization-table-td { 
    background-color: #EAF2D3; 
    border: 4px solid #000000; 
} 

https://jsfiddle.net/MrLister/5u7ay1jj/5/

編輯：
在反思，我懷疑你的意思是這樣的，加邊框的行只左右，而不是行的單元格之間。

.rowodd .google-visualization-table-td { 
    background-color: Linen; 
    border: 4px solid #000000; 
    border-width: 4px 0 0 0; 
} 

.rownormal .google-visualization-table-td { 
    background-color: #EAF2D3; 
    border: 4px solid #000000; 
    border-width: 4px 0 0 0; 
} 
tr:last-child .google-visualization-table-td { 
    border-bottom-width:4px; 
} 
.google-visualization-table-td:first-child { 
    border-left-width:4px; 
} 
.google-visualization-table-td:last-child { 
    border-right-width:4px; 
} 

https://jsfiddle.net/MrLister/5u7ay1jj/6/