在網頁設計中，我們經常需要給元素添加圓角效果。而在 CSS3 中，圓角效果可以使用 border-radius 屬性來實現。 border-radius 屬性可以給所有四個角設置圓角，也可以單獨對某個角進行設置。其語法如下：

selector {
border-radius: value;
}

其中，value 可以取一個或多個值，用空格隔開。當 value 只有一個值時，表示四個角都為這個值；當有兩個值時，分別表示左上角和右下角、右上角和左下角；當有四個值時，分別表示左上角、右上角、右下角、左下角。 例如，以下代碼將所有四個角都設置為 10px 的圓角：

div {
border-radius: 10px;
}

以下代碼將左上角和右下角設置為 10px 的圓角，右上角和左下角設置為 20px 的圓角：

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

以下代碼將左上角、右上角和右下角設置為 10px 的圓角，左下角不設置圓角：

div {
border-radius: 10px 10px 0 0;
}

總之，border-radius 屬性可以方便地實現圓角效果，讓你的網頁更美觀。