設(shè)置CSS邊框圓角的方法

在CSS中，我們可以使用border-radius屬性來設(shè)置邊框的圓角，這個(gè)屬性可以應(yīng)用于四個(gè)角，分別對(duì)應(yīng)四個(gè)方位：東、南、西、北，每個(gè)角的半徑可以單獨(dú)設(shè)置，也可以一起設(shè)置。

如果我們想要設(shè)置一個(gè)元素的四個(gè)角都為圓角的邊框，可以寫：

element {
  border-radius: 10px;
}

10px表示每個(gè)角的半徑為10像素，如果想要設(shè)置不同方位的圓角半徑，可以寫：

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

這樣，四個(gè)角的半徑就分別為10像素、20像素、30像素和40像素了，如果想要設(shè)置某個(gè)角的半徑為0，可以寫：

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

這樣，第二個(gè)角的半徑就設(shè)置為0了，如果想要設(shè)置某個(gè)角的半徑為50%，可以寫：

element {
  border-radius: 50%;
}

這樣，四個(gè)角的半徑就都為元素寬度的50%了。