web的css3之圆角

web的css3之圆角的产生

boredr-radius：100px,此处相当于用一个半径为100px的圆去切div盒子的角。

代码
（下面的都是以上面的height:200px;width:200px来进行的）
1.当boredr-radius:0px时，不对div盒子进行切角，div盒子原样

2.当border-radius:在0px到100px之间的时候，有对div进行切角，当div盒子形状还不是一个圆

3.border-radius等于或者大于100px，上面的div盒子被完全切成一个圆

4.border-radius:100px;时这是默认是对四个角用半径为100px的圆去切.

5.border-radius:100px,10px,20px,30px;对应的是对div盒子的左上角，右上角，右下角，左下角分别用半径为100px，10px,20px,30px的圆去切

6.boredr-radius:100px,50px;此时是左上角与右下角用半径为10px的圆去切，右上角与左下角用20px的圆去切，（对角用半径相同的圆去切）。