所有浏览器的边框半径？

Question

8

我使用

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

对于边框半径，但是那段代码在某些浏览器（当然是Internet Explorer）中无法正常工作。我尝试使用.htc，但没有成功。

我该如何使border-radius在所有浏览器上都受支持？

- regxcode

任何通过搜索找到这篇文章的人，也可以查看相关内容：IE浏览器中对“border-radius”的支持。 - JGallardo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bud Damyanov · Accepted Answer

边框半径属性是CSS3属性，支持IE9+、Firefox 4+、Chrome、Safari 5+和Opera。语法如下：

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;