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

Question

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

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

Answer 1

是。只要边框没有折叠，它就像你期望的那样工作。

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

demo

你看起来多好，这完全是另一回事=）

Answer 2

@minitech是正确的，因此：如果您使用的是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;
}