【问题标题】: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) 中得到的:

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

【问题讨论】:

  • 添加-moz-border-radius: 7px;后我在FF 3.6试了一下,黑边是弯的。

标签: css


【解决方案1】:

&lt;table&gt; 上将border-collapse:collapse 更改为border-collapse:separate

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

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

【讨论】:

  • 非常感谢! border-collapse:separate 是需要的
  • 当我们想要border-collapse: collapseborder-radius 时该怎么办?为什么它们必须相互排斥?
【解决方案2】:

【讨论】:

猜你喜欢
  • 2017-09-08
  • 1970-01-01
  • 1970-01-01
  • 2014-04-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-17
相关资源
最近更新 更多