border-radius并不适用于我的表格

时间:2014-05-23 09:09:34

标签: css

我对我的桌子应用了边界半径,但它不起作用

CSS:

table {
    border: 1px solid;
    border-radius: 10px;
    border-collapse: collapse;
}

这是一个FIDDLE

PS。我想使用border-collapse: collapse而不是border-collapse: separate

4 个答案:

答案 0 :(得分:4)

您是否尝试删除border-collapse: collapse

table {
    border: 1px solid;
    border-radius: 10px;
}

答案 1 :(得分:2)

删除您的border-collapse

table{
    border: 1px solid;
    border-radius: 10px;
}

答案 2 :(得分:0)

在表格中对此进行修改:

table {
    border: 2px solid black;
    border-radius: 10px;
    overflow:hidden;
}

这是编辑过的小提琴:http://jsfiddle.net/piyushkmr/TExvf/7/

答案 3 :(得分:-3)

Box属性仅适用于DIV标记。如果你想用DIV创建你的表,你可以这样做。