css 角怎么做 |html怎么连接外部css文件路径

border-radius属性接受4个值，分别用于设置左上角、右上角、右下角、左下角的圆角半径，如果这4个值相同，则所有角的圆角半径相等。

例如，下面的代码将一个div元素的所有角设置为25像素的圆角：

div {
border-radius: 25px;
}

大家也可以单独设置某一个角的圆角半径。例如，下面的代码将一个div元素的左上角和右下角设置为25像素的圆角：

div {
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}

除了使用像素值设置圆角半径，大家还可以使用百分比值进行设置。例如，下面的代码将一个div元素的左上角和右下角设置为50%的圆角：

div {
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
}

在设置圆角时，大家还可以使用“/”符号分别设置水平和垂直方向的圆角半径。例如，下面的代码将一个div元素的左上角和右下角设置为25像素的水平圆角和50像素的垂直圆角：

div {
border-radius: 25px / 50px;
}

最后，大家还可以使用多个值一起设置圆角半径。例如，下面的代码将一个div元素的左上角设置为50像素的圆角，右上角和右下角设置为25像素的圆角，左下角不设置圆角：

div {
border-radius: 50px 25px 0 0;
}

以上就是CSS中设置元素角圆角的不同方法。通过这些方法，大家可以实现各种不同风格的界面设计。