使用 CSS 设置元素的边框半径,可以使用 border-radius
属性。该属性可以设置一个或多个值来指定每个角的半径大小。
例如,要将元素的所有角的边框半径设置为 10px,可以使用以下代码:
border-radius: 10px;
如果要设置不同的半径大小,可以使用四个值来指定每个角的半径(顺序为左上角、右上角、右下角、左下角)。例如,要将左上角和右下角的半径设置为 10px,而右上角和左下角的半径设置为 20px,可以使用以下代码:
border-radius: 10px 20px;
还可以使用八个值来分别指定每个角的水平和垂直半径大小。例如,要将左上角和右下角的水平半径设置为 10px,垂直半径设置为 20px,而右上角和左下角的水平半径设置为 20px,垂直半径设置为 10px,可以使用以下代码:
border-radius: 10px 20px 20px 10px / 20px 10px 20px 10px;
其中,斜杠后面的四个值是垂直半径大小。值得注意的是,border-radius
属性可以与 border
属性一起使用,以设置元素的边框样式、宽度和颜色。