CSS是一個非常強大的工具，可以用來控制網頁的外觀和布局。其中，CSS繪制圓形的技術也很實用，有很多應用范圍。本文將介紹如何使用CSS畫圓形，代碼部分將使用pre標簽展示，供讀者參考。

在開始繪制圓形之前，需要了解兩個屬性：border-radius和width。其中，border-radius是決定圓角半徑的屬性，而width則是決定圓形大小的屬性。在這兩個屬性的幫助下，我們可以輕松地畫出一個圓形。

.circle {
border-radius: 50%; /*圓角半徑為寬度的50%*/
width: 100px; /*圓形寬度和高度*/
height: 100px;
background: red; /*設置背景色（可選）*/
}

在上述代碼中，.circle是我們創建的類名，通過這個類名給HTML元素添加樣式。border-radius設置為50%，即半徑為寬度的50%，這樣就可以生成一個圓形。接著，設置寬度和高度為100px，這樣就能夠得到一個直徑為100px的圓形。最后，為了讓圓形更好看，我們能夠為其添加背景色（當然也可以不添加）。

另外，如果需要繪制不同大小的圓形，我們只需要更改width和height的值即可。例如，下面的代碼會生成一個直徑為50px的圓形：

.circle {
border-radius: 50%;
width: 50px;
height: 50px;
background: blue;
}

綜上所述，CSS繪制圓形的過程非常簡單，只需要掌握border-radius和width兩個屬性即可。相比于其他繪制工具，CSS的優點在于無需導入任何庫，只需要使用幾行代碼就能夠完成繪制，可以說是非常方便！