Question

我的css看起来像那样：

#caltable th {
    border: solid 1px #333;
    border-radius: 7px;
    background: #f00;
}

但这就是我在浏览器中使用的内容（Chrome / FF）：

enter image description here

问题是如何让黑线也圆润？

Answer 1

将border-collapse:collapse上的border-collapse:separate更改为<table>。

您还应该添加对不是最新版本的浏览器的支持：

-moz-border-radius: 7px;
-o-border-radius: 7px;
-ms-border-radius: 7px;
-webkit-border-radius: 7px;

Answer 2

你不需要。它是自动完成的