css - 上的边界半径。没有边界舍入

Question

我的 CSS 看起来像这样:

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

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

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

Answer 1

更改 border-collapse:collapse至 border-collapse:separate在 <table> 上.

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

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