CSS 边框未显示 - 在 chrome 检查器中但不在 window

Question

我想在 table 行的底部添加边框，但没有显示，我不知道为什么。边框属性显示在 google chrome 元素检查器中，但不显示在浏览器 window 中。有什么想法吗？？

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;
}

CSS 边框未显示 - 在 chrome 检查器中但不在 window

CSS Border Not Showing Up - Is in chrome inspector but not window

css

border