可能重复:
跨浏览器弯曲边框
我想创建包含设计边框的 div 和其他元素。边框将是基本的 CSS 就绪边框。虽然我可以编写代码,但我想知道使圆角边框属性跨浏览器兼容的最佳方法和过程。(至少在广泛接受的浏览器中(Chrome、Firefox、IE、Safari)。有什么建议吗?
可能重复:
跨浏览器弯曲边框
我想创建包含设计边框的 div 和其他元素。边框将是基本的 CSS 就绪边框。虽然我可以编写代码,但我想知道使圆角边框属性跨浏览器兼容的最佳方法和过程。(至少在广泛接受的浏览器中(Chrome、Firefox、IE、Safari)。有什么建议吗?
border-radius
Internet Explorer(版本 9 以上)、Firefox(版本 4 以上)、Chrome、Safari 和 Opera 已支持该属性。但是,如果你想确定你可以使用这样的东西:
.border-radius {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
希望能帮助到你。
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
看看这个有用的网站 http://www.css3.info/preview/rounded-border/ 它有解释和工作示例也看看 W3C 建议。非常有帮助 http://www.w3.org/TR/css3-background/#corner-shaping