给表格单元格圆角（或内容）

Question

是否可以在CSS中为表格单元格或其内容提供圆角。

我没有包含代码，因为它只是一个空白表。

Answer 1

是。 只要边界不塌陷，它的效果几乎可以达到您的预期。

td {
    border: 0.1em solid black;
    border-radius: 1em;
}

演示

您能使它看起来多么好完全是另一回事=）

Answer 2

@minitech是正确的，因此：如果您使用table{border-collapse: collapse;} crash table{border-collapse: collapse;} ，则可以将td的内容包装在div ，然后将圆角应用于div ：

示例，请参见以下JSFiddle ：

*{margin:0;padding:0;border:0;}
table{border-spacing: 0;}
td
{
    border: 1px solid black;
    border-radius: 10px;
}

.with
{
    border-collapse: collapse;
}
.with td
{

    border: 0;
}
.with td > div
{
    border: 1px solid black;
    border-radius: 10px;
}