GoogleChrome（和Safari）使用以下CSS3前缀

-webkit-border-radius: 10px;

所有角均为10px

-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;

左上角和左下角的8px
对于Firefox，您可以用途：

-moz-border-radius: 10px;

所有的角落和

-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;

左上角和左下角

覆盖Chrome、FF和任何支持CSS 3的浏览器：

{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

像这样编写css代码对未来很有用：

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

这样，当IE9/IE10发布时，你的代码也可以在那里工作：D

鉴于现在所有浏览器都支持无前缀的border-radius;参见：http://caniuse.com/#search=border-radius今天使用的正确语法是：

border-radius: 5px;

是的，但唯一的问题是，你实际上是抛出css错误，因为IE被劫持和Microshaft不想做任何事情，我使用的修复是基于js的，但我想大多数人都知道这一点。但是，我使用它的原因是因为它总是为我工作，并在所有主要的浏览器。给你。

var obj= document.getElementById('divName');
var browserName=navigator.appName; 
var browserVer=parseInt(navigator.appVersion); 
//alert(browserName);
if ((browserName=="Microsoft Internet Explorer")) {
obj.style.borderRadius = "15px";
}else {
    obj.style.MozBorderRadius = "15px";
    obj.style.WebkitBorderRadius= "15px";

}