在Web設計中，我們常常需要為網頁元素添加圓角，以增加頁面的美觀度。而使用CSS可以輕松地實現這一效果。

要使元素擁有圓角，我們可以使用CSS的border-radius屬性。該屬性可以設置元素邊框的圓角半徑，取值可以是像素值、百分比或關鍵字。

下面是一個示例代碼，演示如何使用CSS的border-radius屬性實現圓角效果：

.rounded {
border-radius: 10px;
}

其中，.rounded是一個CSS類選擇器，表示要應用該樣式規則的HTML元素。在這個例子中，我們為元素設置圓角半徑為10像素。

除了設置單一的圓角半徑，我們還可以在一個元素的四個角上分別設置不同的圓角半徑。下面是一個示例代碼：

.rounded {
border-radius: 10px 5px 20px 15px;
}

其中，10px是左上角的圓角半徑，5px是右上角的圓角半徑，20px是右下角的圓角半徑，15px是左下角的圓角半徑。這樣，我們就可以創建出各種不同形狀的圓角元素。