html - 境界線の半径が CSS に表示されない

Question

テーブルが宣言されているCSSファイルがあります。曲線のエッジを追加したいです。border-radius を試してみると、まったく来ません。これがコードです

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
}

デモ