CSS邊框不顯示 - 是在鉻檢查器，但不是窗口

Question

我試圖把一個邊界放在我的錶行的底部，它不顯示，我不知道爲什麼。 border屬性顯示在google chromes元素檢查器中，但不在瀏覽器窗口中顯示。有任何想法嗎？？

table.sidebar 
{ 
    *border-collapse: collapse; //IE7 and lower 
    border-collapse: collapse; 
    border-spacing: 0; 
    width: 100%; 
    height: auto; 
    padding: 0; 
    background-color: #ffffff; 
    border: 1px solid grey; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
} 
table.sidebar th:first-child 
{ 
    background-color: #DCE2F1; 
    -moz-border-radius: 10px 10px 0 0; 
    -webkit-border-radius: 10px 10px 0 0; 
    -khtml-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0; 
    font: bold 13px arial, helvetica, sans-serif; 
    letter-spacing: 2px; 
    text-shadow: 1px 1px 2px #b5b5b5; 
    color: #2a4982; 
    padding-top: 5px; 
    padding-bottom: 5px; 
} 
table.sidebar tr 
{ 
    border-bottom: 1px solid grey; 
} 
table.sidebar td 
{ 
    padding: 5px 5px 5px 10px; 
} 
table.sidebar td:last-child 
{ 
    -moz-border-radius: 0 0 10px 10px; 
    -webkit-border-radius: 0 0 10px 10px; 
    -khtml-border-radius: 0 0 10px 10px; 
    border-radius: 0 0 10px 10px; 
} 

Answer 1

border屬性不能被添加到<tr>元件。您可以通過將border-bottom應用於<td>標籤來實現相同的功能。

table.sidebar td 
{ 
    border-bottom: 1px solid grey; 
    padding: 5px 5px 5px 10px; 
}