所有浏览器的边界半径？

Question

我用

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

表示边框半径但该代码块无法使用某些浏览器（当然是Internet Explorer）。我尝试使用.htc，但我没有成功。

如何使所有浏览器都支持border-radius？

Answer 1

IE9 +，Firefox 4 +，Chrome，Safari 5+和Opera支持border-radius属性，因为它是CSS3属性。语法是：

border-radius: 1-4 length|% / 1-4 length|%;

示例1

border-radius:2em;

相当于：

border-top-left-radius:2em;
 border-top-right-radius:2em;
 border-bottom-right-radius:2em;
 border-bottom-left-radius:2em; 

示例2

border-radius: 2em 1em 4em / 0.5em 3em;

相当于：

border-top-left-radius: 2em 0.5em;
 border-top-right-radius: 1em 3em;
 border-bottom-right-radius: 4em 0.5em;
 border-bottom-left-radius: 1em 3em;

查看有关边界半径here的更多详细说明和提示与技巧。