border-radius怎么使用

border-radius是CSS3中的一个属性，用于设置元素的边框圆角。具体使用方式如下：

1. 设置所有边框圆角

border-radius: 10px;

2. 设置单独的圆角

border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

3. 设置不同的水平和垂直圆角

border-radius: 10px 20px 30px 40px / 50px 60px 70px 80px;

其中，前面4个数值分别表示左上、右上、右下、左下四个角的水平方向半径；后面4个数值分别表示左上、右上、右下、左下四个角的垂直方向半径。

4. 设置椭圆形的边框圆角

border-radius: 50%;

此时，元素的边框圆角将呈现椭圆形。