border-radius on。没有边界四舍五入

时间:2011-10-02 09:30:00

标签: css css3

我的css看起来像那样:

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

但这就是我在浏览器中使用的内容(Chrome / FF):

enter image description here

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

2 个答案:

答案 0 :(得分:9)

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

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

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

答案 1 :(得分:0)