如何設(shè)置CSS的圓角

在CSS中，我們可以使用border-radius屬性來(lái)設(shè)置元素的圓角。border-radius屬性可以設(shè)置一個(gè)元素的四個(gè)角，也可以分別設(shè)置每個(gè)角。

我們可以設(shè)置一個(gè)元素的四個(gè)角為圓角：

div {
  border-radius: 10px;
}

或者，我們可以分別設(shè)置每個(gè)角：

div {
  border-radius: 10px 20px 30px 40px;
}

***個(gè)值表示左上角的圓角，第二個(gè)值表示右下角的圓角，第三個(gè)值表示右下角的圓角，第四個(gè)值表示左上角的圓角。

我們還可以使用border-radius屬性的其他值來(lái)設(shè)置元素的橢圓角。

div {
  border-radius: 50%;
}

這將使元素的四個(gè)角變?yōu)闄E圓角。

注意，border-radius屬性的值可以是任何有效的CSS長(zhǎng)度單位，如px、em、rem等。

希望這篇文章能幫助你設(shè)置CSS的圓角。