css3圆角讲解

Css3圆角讲解：想必大家对于图片，背景圆角，都不陌生吧，

圆角语法：border-radius：圆角值；

这个值可以使用：em ，ex，pt，px，百分比;

Border-radius跟margin，padding差不多

Border-radius：lefttop，righttop，rightbottom，leftbottom。

<div class="box1"></div>

.box1{width:200px;height:100px;border-radius:30px 5px;background:#f66f17;margin-top:30px;}

<div class="box2"></div>

.box2{width:200px;height:100px;border-radius:30px 20px 10px 0px;background:#f66f17;margin-top:30px;}

对于圆角理解起来应该，很简单。

对于百分比：目前最安全的做法，就是将每个圆角边框的风格和宽度，都设为一样的值，并且避免使用百分比值。

IE9以下是不支持此属性

如有问题，请指出。