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

Question

可能的重复项：
跨浏览器弯曲边框

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

Answer 1

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

源

Answer 2

Internet Explorer（从版本9开始），Firefox（版本4更高），Chrome，Safari和Opera已经支持border-radius属性。但是，如果您想确保可以使用这样的东西：

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

希望对您有所帮助。

Answer 3

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