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

CSS边框不显示 - 在chrome检查器中但不在窗口中

1 个答案: