CSS樣式可以幫助我們畫出各種形狀，其中畫圓也是最常見的一種。接下來，我將介紹如何使用CSS樣式畫圓。

上面的代碼就是一個基礎的CSS樣式畫圓的示例。我們可以通過以下步驟來實現這個效果：

1. 創建一個div元素
2. 為這個元素添加一個class，比如我們這里的.circle
3. 設置這個元素的寬度和高度相等，這里我們將寬高都設置為100px
4. 通過border-radius屬性將這個元素的四個角設置為圓角，設置為50%表示橢圓的長軸和短軸相等，即為圓形
5. 通過background-color屬性設置這個元素的背景為紅色

這樣，我們就成功地用CSS樣式畫出了一個圓形。如果我們想要更改圓形的大小、顏色等屬性，只需要修改相應的CSS代碼即可。

上面的代碼是將圓形的寬高設置為50px，并將其背景顏色修改為藍色的示例。我們只需要將相應的數值或顏色代碼改變，就可以輕松地實現自己想要的效果。

總的來說，使用CSS樣式畫圓是非常方便快捷的，只需要簡單的代碼就可以實現自己想要的效果。不僅如此，通過學習這種方法，我們還能深入了解CSS的屬性和應用，讓我們的前端設計更加出色。