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

Question

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

CSS：

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

这是一个FIDDLE

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

Answer 1

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

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

Answer 2

删除您的border-collapse

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

Answer 3

在表格中对此进行修改：

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

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

Answer 4

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