CSS3是一種用于美化網頁的樣式表語言，它提供了許多實用的屬性來優化頁面的外觀和功能。其中一個非常實用的屬性就是border-radius，它可以用來實現圓角效果。

使用border-radius屬性可以為元素的邊框添加圓角效果，它可以接受一個或多個值，每個值代表一個圓角。以下是一個例子，我們使用border-radius屬性來創建一個圓形的按鈕：

.btn {
width: 100px;
height: 100px;
border-radius: 50%;
}

在上面的例子中，我們將border-radius屬性的值設置為50%，這代表著四個圓角都將使用寬度的一半作為半徑，從而創建一個完美的圓形。

如果我們只想為元素的某個圓角添加圓角效果，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius這四個屬性，它們分別用于指定左上角、右上角、左下角和右下角的圓角半徑。以下是一個例子，我們使用border-top-left-radius和border-top-right-radius屬性實現了一個元素的頂部圓角效果：

.container {
width: 200px;
height: 100px;
background-color: #ccc;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

在上面的例子中，我們將border-top-left-radius和border-top-right-radius兩個屬性的值都設置為20px，從而實現了一個頂部邊角為20px的元素。

總的來說，使用CSS3的border-radius屬性可以為網頁元素添加圓角效果，從而增加頁面的美觀性和可讀性。使用多個值可以通過不同的半徑控制不同的圓角大小。此外，為每個圓角使用單獨的屬性也可以實現更加精細的圓角效果。