border-radius属性是CSS3中新增的一个属性，用于设置元素的圆角。它可以设置1-4个值来指定元素的四个角的圆角大小，也可以使用百分比来指定大小。
二、设置单个圆角的大小
-right-radius这四个属性来分别设置。
三、设置不同大小的圆角
如果想要设置不同大小的圆角，可以使用两个值来分别指定水平和垂直方向的圆角大小。例如：border-radius: 20px 50px; 表示左上角和右下角的圆角大小为20px，而右上角和左下角的圆角大小为50px。
四、设置椭圆形的圆角
border-radius属性还可以用来设置椭圆形的圆角。只需要将水平和垂直方向的圆角大小设置成不同的值即可。例如：border-radius: 50px/20px; 表示水平方向的圆角大小为50px，垂直方向的圆角大小为20px，从而形成椭圆形的圆角。
五、使用border-radius实现其他效果
除了设置元素的圆角大小，border-radius属性还可以用来实现其他效果，例如：使用border-radius实现圆形图片、使用border-radius实现三角形等等。
border-radius属性是CSS3中非常实用的一个属性，可以用来设置元素的圆角大小，还可以用来实现其他效果。在实际应用中，大家可以根据需要来灵活使用border-radius属性，以达到更好的效果。