CSS是一種用于設置網頁外觀的語言，它能夠讓網頁看起來更加美觀。CSS還有一個強大的功能，就是可以設置圓形框。下面我們來學習一下如何使用CSS來設置一個圓形框。

.round {
width: 100px;
height: 100px;
border-radius:50%;
background-color: #EFEFEF;
}

上面的代碼展示了一個基本的設置圓形框的CSS樣式，下面我們分別來看一下各個屬性的含義：

• width：圓形框的寬度
• height：圓形框的高度
• border-radius：圓形框的半徑，要設置成正方形寬度或高度的一半
• background-color：設置圓形框背景顏色

現在我們已經學會了如何設置圓形框，接下來我們在HTML文件中使用剛才學習的CSS樣式來設置一個圓形框：

<div class="round"></div>

上面的代碼展示了如何在HTML中使用剛才學習的CSS樣式來設置一個圓形框。我們將一個div元素添加了一個類名，然后將上面的樣式應用到了這個div元素上。

總的來說，使用CSS設置圓形框是一項非常簡單的任務。通過設置圓形框的寬度、高度和半徑，再添加一個背景顏色就可以輕松地創建一個圓形框了。