<th> 上的边界半径。无边框舍入

【问题标题】：border-radius on <th>. No border rounding<th> 上的边界半径。无边框舍入
【发布时间】：2018-10-28 19:50:37
【问题描述】：

我的 css 看起来是这样的：

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

但这就是我在浏览器 (Chrome/FF) 中得到的：

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

【问题讨论】：

标签： css

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：