CSS中設置圓形背景是一個常見需求，特別是在設計應用程序或網頁時。本文將介紹CSS如何設置圓形背景。

要設置圓形背景，很多人會想到使用CSS的border-radius屬性，但是這只能將一個正方形轉換成圓形，而不能將一個矩形或其他形狀轉換成圓形。因此，我們需要使用一些其他的技巧。

一種解決方法是使用一張圓形的圖片作為背景，但這使得對圖片大小和樣式進行調整變得麻煩。更好的解決方法是使用CSS的偽元素（pseudo-elements）來實現。

下面是一個例子，展示如何使用CSS偽元素來設置圓形背景：

.element {
position: relative;
width: 200px;
height: 200px;
background-color: #ccc;
}
.element::before {
content: "";
position: absolute;
z-index: -1;
top: -25%;
left: -25%;
width: 150%;
height: 150%;
border-radius: 50%;
background-color: #fff;
}

代碼解釋：

首先，我們新建了一個帶有樣式的元素，其中設置了寬度和高度為200px，并設置了灰色背景顏色。

然后，我們使用CSS的偽元素::before和content屬性來添加一個覆蓋在元素上方的半透明白色背景，該背景的大小為元素大小的150%，再用border-radius屬性將其變為圓形。

因此，我們可以在使用CSS時使用偽元素來設置圓形背景，而不是只使用border-radius屬性。