在CSS中，我們可以使用border-radius屬性來實現背景為圓的效果。border-radius是用來定義一個元素的邊角的圓角半徑的。其語法格式如下：

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

其中，每個值都可以是像素、百分比或具體的長度值。如果只設置一個值，那么四個角都將應用該值。如果設置兩個值，第一個值將應用于左上和右下的角，第二個值將應用于右上和左下的角。如果設置三個值，第一個值將應用于左上的角，第二個值將應用于右上和左下的角，第三個值將應用于右下的角。

為使背景設置為圓形，我們只需要將border-radius的值設為元素寬度的一半即可：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
}

這樣，我們就可以實現一個寬高為100像素、背景為紅色的圓形元素。同樣的方法也可以使用在其他元素上，如文本框、按鈕等。