日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

css 中使用 border-radius 屬性為元素設置圓角邊框，可指定一個或四個長度值，分別表示四個角的圓角程度：一個值：適用于所有角。兩個值：水平和垂直半徑，適用于所有角。三個值：左上、右上和右下角。四個值：左上、右上、右下和左下角。

CSS 圓角邊框設置

在 CSS 中，可以使用 border-radius 屬性為元素設置圓角邊框。border-radius 屬性值是一個或四個長度值，分別表示元素四個角的圓角程度：

一個值：應用相同的圓角半徑到所有四個角。

兩個值：水平半徑和垂直半徑，應用于所有四個角。

三個值：左上、右上和右下角的半徑。

四個值：分別應用于左上、右上、右下和左下角。

語法：

border-radius: <length-value> | <percentage-value> | inherit;</percentage-value></length-value>

登錄后復制

示例：

圓角矩形

.rounded-rectangle {
  border-radius: 10px;  /* 所有角半徑為 10px */
}

登錄后復制

橢圓形按鈕

.oval-button {
  border-radius: 50%;  /* 所有角半徑為 50%，即形成一個圓形 */
}

登錄后復制

不同角的圓角半徑

/* 左上、右上、右下、左下角半徑分別為 10px、20px、30px、40px */
.different-radii {
  border-radius: 10px 20px 30px 40px;
}

登錄后復制

注意：**

圓角半徑不能大于元素的寬度或高度一半。
inherit 值可繼承父元素的圓角半徑設置。