Радиус границы не отображается в CSS

Question

У меня есть файл CSS, в котором объявлена ​​таблица, я хочу добавить искривленный край. если я попробую border-radius, это не произойдет вовсе. Это код

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

Answer 1

Там должен быть цвет границы или цвет фона, чтобы применить радиус

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 
} 

DEMO

Answer 2

Попробуйте 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