摘要：
无需增加圆角图像即可获得效果。none|1-4长度|%/1-4长度|%按与边框相同的顺序设置圆角四个方向的值。'/'前面和后面的值都存在，因此“/”前面的值是水平半径，后面的值是垂直半径。例如，-moz--webkit在浏览器中编写如下：IE9及以下版本不支持边界半径较低版本的IE制作圆角。
border-radius可以便捷的制作圆角效果，不需要通过增加圆角图片来达到效果，便于维护。
语法：border-radius:none | 1-4 length | % / 1-4 length|%
按顺序设置圆角四个方向的值，和设置border的顺序一样。
' / '前后的值都存在，那么' / '前面设置的值为水平半径，后面设置的值为垂直半径。若没有' / '，则水平和锤子半径相等。
border-radius的兼容性：
支持的浏览器有： IE9+ Firefox4+ Chrome Sarari 5+ Opera
对于老板的浏览器，需要加不同的前缀，如-moz- -webkit-
在浏览器中写法为：
-moz-border-radius:
-webkit-border-radius:
对于IE，IE9及以下不支持border-radius
低版本的IE要制作圆角效果，可以在背景上进行设置。
目前有一个办法使低版本IE兼容border-radius效果：
.box{
border-radius:15px;
behavior:url(ie-css3.htc);
}
需要下载一个htc文件，也是通过JS写的一个文件。在使用时，需要把这个文件放到服务器目录中。
注：当border-radius的值小于或者等于border的值的时候，边框内部角不再是圆角效果。