在CSS中，可以使用border-radius屬性來設(shè)置圓角邊。這個(gè)屬性接受一個(gè)或多個(gè)值，每個(gè)值對(duì)應(yīng)一個(gè)角落，按照順序依次是左上角、右上角、右下角及左下角。
比如說，下面這個(gè)代碼段可以讓一個(gè)div元素四個(gè)角落都呈現(xiàn)圓角：

div {
border-radius: 10px;
}

在這個(gè)例子中，我們使用10px來表示半徑的大小。如果想要更加具體地控制每一個(gè)角落的半徑，可以這樣寫：

div {
border-top-left-radius: 20px;
border-top-right-radius: 10px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 15px;
}

這樣，我們就可以分別設(shè)置每一個(gè)角落的半徑大小了。需要注意的是，如果我們只指定了某一條邊的圓角，而不指定其他邊，那么未指定的那些邊的圓角半徑值默認(rèn)會(huì)被設(shè)置為0。比如說：

div {
border-top-left-radius: 15px;
border-bottom-right-radius: 25px;
}

在這個(gè)例子中，除了左上角和右下角之外的兩個(gè)角落都是直角。如果想要所有邊都呈現(xiàn)圓角，可以直接寫一個(gè)值：

div {
border-radius: 20px;
}

此外，我們還可以使用border-top-radius和border-bottom-radius來分別控制上下兩條邊的圓角半徑。這里就不再展開解釋了，讀者可以自行嘗試。
總之，在設(shè)計(jì)網(wǎng)頁(yè)過程中，使用border-radius屬性可以讓我們的頁(yè)面看起來更加圓潤(rùn)、柔和，增加視覺吸引力。