圆角(border-radius)样式

border-radius ： none | <length>{1,4} [ / <length>{1,4} ]?

<length>：

由浮点数字和单位标识符组成的长度值。不可为负值。

border-top-left-radius：

属性为0的角就是直角。

实例：

border-radius:10px 15px 20px 10px;

　　　　　　　 左上   右上   右下  左下

                     上      右      下     左

和不同border的四哥值顺序是一样的，不过把边换到了角上，上即左上等后面的不说了，你懂的……

区分：

缩写形式上有点区别，border-width:2px 4px;

　　　　　　　　　　　　　　　　   上下 左右

上面缩写的border意思是：上下宽度都是2px,左右宽度度都是4px，

                           

                            border-radius:2px 4px;

上面缩写的border-radius意思是：左上 右下 角弧度值为  为2px, 右上 左下为4px，

哪里有问题，欢迎大家踊跃拍砖~

转载于:https://www.cnblogs.com/ciro/archive/2011/10/21/2220328.html