css 中使用 border-radius 屬性為元素設(shè)置圓角邊框，可指定一個(gè)或四個(gè)長度值，分別表示四個(gè)角的圓角程度：一個(gè)值：適用于所有角。兩個(gè)值：水平和垂直半徑，適用于所有角。三個(gè)值：左上、右上和右下角。四個(gè)值：左上、右上、右下和左下角。
CSS 圓角邊框設(shè)置
在 CSS 中，可以使用 border-radius 屬性為元素設(shè)置圓角邊框。border-radius 屬性值是一個(gè)或四個(gè)長度值，分別表示元素四個(gè)角的圓角程度：
一個(gè)值：應(yīng)用相同的圓角半徑到所有四個(gè)角。
兩個(gè)值：水平半徑和垂直半徑，應(yīng)用于所有四個(gè)角。
三個(gè)值：左上、右上和右下角的半徑。
四個(gè)值：分別應(yīng)用于左上、右上、右下和左下角。
語法：
border-radius: <length-value> | <percentage-value> | inherit;</percentage-value></length-value>
登錄后復(fù)制
示例：
圓角矩形
.rounded-rectangle {
border-radius: 10px; /* 所有角半徑為 10px */
}
登錄后復(fù)制
橢圓形按鈕
.oval-button {
border-radius: 50%; /* 所有角半徑為 50%，即形成一個(gè)圓形 */
}
登錄后復(fù)制
不同角的圓角半徑
/* 左上、右上、右下、左下角半徑分別為 10px、20px、30px、40px */
.different-radii {
border-radius: 10px 20px 30px 40px;
}
登錄后復(fù)制
注意：**
圓角半徑不能大于元素的寬度或高度一半。
inherit 值可繼承父元素的圓角半徑設(shè)置。
