<th>上的border-radius.没有边界四舍五入

H1D*_*H1D 6 css css3

我有css看起来像那样:

#caltable th {
    border: solid 1px #333;
    border-radius: 7px;
    background: #f00;
}
Run Code Online (Sandbox Code Playgroud)

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

在此输入图像描述

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

Rob*_*b W 10

border-collapse:collapseborder-collapse:separate<table>.

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

-moz-border-radius: 7px;
-o-border-radius: 7px;
-ms-border-radius: 7px;
-webkit-border-radius: 7px;
Run Code Online (Sandbox Code Playgroud)

  • 多谢!`border-collapse:separate` 是需要的 (2认同)