css - 所有浏览器的边框半径？

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;

在此处查看有关边界半径的更详细说明以及提示和技巧。