0

可能重复:
跨浏览器弯曲边框

我想创建包含设计边框的 div 和其他元素。边框将是基本的 CSS 就绪边框。虽然我可以编写代码,但我想知道使圆角边框属性跨浏览器兼容的最佳方法和过程。(至少在广泛接受的浏览器中(Chrome、Firefox、IE、Safari)。有什么建议吗?

4

3 回答 3

0

border-radiusInternet Explorer(版本 9 以上)、Firefox(版本 4 以上)、Chrome、Safari 和 Opera 已支持该属性。但是,如果你想确定你可以使用这样的东西:

.border-radius {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

希望能帮助到你。

于 2012-09-19T13:49:06.580 回答
0
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;

资源

于 2012-09-19T13:28:35.303 回答
0

看看这个有用的网站 http://www.css3.info/preview/rounded-border/ 它有解释和工作示例也看看 W3C 建议。非常有帮助 http://www.w3.org/TR/css3-background/#corner-shaping

于 2012-09-19T15:32:13.247 回答