border-radius(圓角)的幾點說明

 border-radius:長度

 Firefox支持border-radius(圓角)：-moz-border-radius:2px;

 webkit內核的Safari和Chrome支持border-radius(圓角)：-webkit-border-radius:2px;

 Opera支持border-radius(圓角)：border-radius:2px;

 IE不支持border-radius(圓角)

我們還可以隨意指定圓角的位置，左上、左下、右上、右下四個方向。在firefox、webkit內核的Safari和Chrome和opera（css3）、中的具體書寫格式如下：
-moz-border-radius-topleft / -webkit-border-top-left-radius / border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius / border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius / border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius /border-bottom-right-radius

以上代碼不支持IE瀏覽器，經過多方測試和網上搜索終於找到解決不支持IE的方法：

 

1	.box-radius {

 

2	border-radius: 15px;

 

3	behavior: url(border-radius.htc);

 

4

}

下載htc文件（源碼來自）：http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
注意：htc文件是要放在服務器上，放在本地測試是不行的！