html - 边框半径未出现在 CSS 中

Question

我有一个 CSS 文件，其中声明了一个表格，我想添加弯曲的边缘。如果我尝试边界半径，它根本不会出现。这是代码

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

Answer 1

试试这个 CSS

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
    border :1px solid #000;
    border-radius :5px;
    -moz-border-radius :5px; 
    -o-border-radius :5px;
    -webkit-border-radius :5px;
}

这是jsfiddle LINK

Answer 2

应该有边框颜色或背景颜色来应用半径

HTML

<table class="display">
    <tr>
        <td>table</td>
    </tr>
    </table>

CSS

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;;
    color:white;
    background:green;
    border-radius:6px
}

演示