在CSS中，我們可以使用border-radius屬性來(lái)使元素變?yōu)閳A角，這個(gè)屬性接受一個(gè)數(shù)值參數(shù)，表示圓角的半徑大小，如果參數(shù)是一個(gè)百分比，那么它將是元素寬度的百分比。

如果我們想要一個(gè)元素的所有角都是10px的圓角，我們可以這樣寫：

.element {
  border-radius: 10px;
}

如果我們想要一個(gè)元素的所有角都是50%的圓角，我們可以這樣寫：

.element {
  border-radius: 50%;
}

我們還可以分別設(shè)置元素的四個(gè)角的半徑，

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

在這個(gè)例子中，***個(gè)數(shù)值是左上角的半徑，第二個(gè)數(shù)值是右下角的半徑，第三個(gè)數(shù)值是左下角的半徑，第四個(gè)數(shù)值是右下角的半徑。

我們還可以使用border-radius屬性的別名border-radius來(lái)分別設(shè)置元素的四個(gè)角的半徑，

.element {
  border-radius: 10px; /* 左上角 */
  border-top-right-radius: 20px; /* 右上角 */
  border-bottom-right-radius: 30px; /* 右下角 */
  border-bottom-left-radius: 40px; /* 左下角 */
}

在這個(gè)例子中，我們可以更詳細(xì)地控制元素的每個(gè)角的半徑大小。