圆角属性的基本用法：
1. 统一设置所有角的圆角半径：
border-radius: 10px;
这会将元素的所有角都设置为 10 像素的圆角。
2. 分别设置每个角的圆角半径：
border-top-left-radius: 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 10px;
这会分别为元素的每个角设置不同的圆角半径。
圆角的复合用法：
你也可以同时使用 border-top-left-radius、border-top-right-radius、border-bottom-right-radius 和 border-bottom-left-radius，这样可以更灵活地控制每个角的圆角效果。
border-radius: 10px 5px 20px 15px;
上述代码中的数值分别表示左上、右上、右下、左下四个角的圆角半径。
圆角椭圆：
除了使用固定的像素值，你还可以使用百分比来指定圆角半径。这样，你可以创建椭圆形的圆角效果：
border-radius: 50%;
这会使得元素的边角呈现出圆形。
通过灵活地使用这些属性，你可以为元素添加不同形状和大小的圆角效果，以满足设计的需求。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12559/CSS