创建跨浏览器兼容的圆形边框的最佳方法是什么?

时间:2012-09-19 10:13:54

标签: css html rounded-corners css3

  

可能重复:
  Cross-browser curved borders

我想创建包含设计边框的div和其他元素。边框将是基本的CSS就绪边框。虽然我可以对其进行编码,但我想知道使圆角边界属性与浏览器兼容的最佳方法和过程。 (至少在被广泛接受的浏览器中(Chrome,Firefox,IE,Safari)。任何指针?

3 个答案:

答案 0 :(得分:0)

  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;

Source

答案 1 :(得分:0)

Internet Explorer(从版本9开始),Firefox(版本4升),Chrome,Safari和Opera已经支持border-radius属性。但是,如果你想确定你可以使用这样的东西:

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

希望它有所帮助。

答案 2 :(得分:0)

看看这个有用的网站 http://www.css3.info/preview/rounded-border/ 它有解释和工作实例 另请参阅W3C建议。很有帮助 http://www.w3.org/TR/css3-background/#corner-shaping