所有瀏覽器的邊框半徑？

Question

我用

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

邊境半徑但代碼塊不工作的一些瀏覽器（當然是互聯網瀏覽器）。我試圖使用.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的更詳細的解釋和提示和技巧。