css3中圆的关键字

CSS3中圆的关键字主要有border-radius和border-top-right-radius， 下面将进行详细介绍:

border-radius： 
可用于设置元素的圆角大小，用法如下：
border-radius: 10px;   /* 设置四个角都为10px的圆角 */
border-radius: 10px 20px;   /* 设置左上和右下角为10px，左下和右上角为20px的圆角 */
border-radius: 10px 20px 30px;   /* 设置左上角为10px，右上角为20px，左下角为30px，右下角仍为20px的圆角 */
border-radius: 10px 20px 30px 40px;   /* 设置四个角分别为10px，20px，30px，40px的圆角 */
注意：border-radius可以设置百分比，表示百分比圆角弧度，如border-radius: 50%则表示哪个角具有50%的圆形。（可用于实现椭圆形）

border-top-right-radius：
可用于设置元素右上角的圆角大小，用法如下：
border-top-right-radius: 10px;  /* 设置元素右上角为10px的圆角 */
border-top-right-radius: 10px 20px;  /* 设置元素右上角为10px，左上角为20px的圆角 */
border-top-right-radius: 10px 20px 30px;  /* 设置元素右上角为10px，左上角为20px，右下角为30px的圆角 */
border-top-right-radius: 10px 20px 30px 40px;  /* 设置元素右上角为10px，左上角为20px，右下角为30px，左下角为40px的圆角 */
注意：如果使用border-top-right-radius，其他三个角的圆角不会发生变化。