在網頁設計中，經常需要把一些元素的背景變成圓角，這樣可以使網頁看起來更加美觀。使用CSS可以輕松地實現這個效果，下面就來詳細介紹一下如何使用CSS將背景變成圓角。

首先，在CSS代碼中，我們可以通過"border-radius"屬性來實現圓角的效果。這個屬性可以控制元素的四個角的圓角半徑，其語法如下：

border-radius: [top-left] [top-right] [bottom-right] [bottom-left];

其中，[top-left]、[top-right]、[bottom-right]和[bottom-left]分別表示圓角的半徑，可以使用像素、百分比等單位來設定。

如果我們想將一個div元素的所有四個角都變成圓角，可以這樣設置樣式：

div{
border-radius: 10px;
}

這樣，這個div元素的四個角就會變成半徑為10px的圓角。

除了設置固定的半徑值，我們還可以使用百分比來設置半徑值，這樣可以根據元素的大小自適應調整圓角半徑。例如，下面的樣式將為一個div元素創建上邊框和左邊框的圓角：

div{
border-top-left-radius: 50% 50%;
border-bottom-left-radius: 50% 50%;
}

這里的"50% 50%"表示水平和垂直方向都使用50%的半徑值來繪制圓角，這樣可以實現一個半圓的效果。

最后需要注意的是，border-radius屬性在一些老版本的瀏覽器中可能不被支持。因此，在實際使用中，我們可能需要使用-prefix屬性或者JavaScript來添加瀏覽器前綴或者動態生成圓角效果。