CSS3畫圓形其實很簡單，只需以下幾步：

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

以上代碼就可以畫出一個紅色的圓形。其中，width和height相等且為圓形直徑；border-radius設置為50%表示邊框彎曲為圓形，達到圓形效果。

如果想要繪制不同顏色的圓形，只需修改background-color的值即可，如下：

.green {
width: 120px;
height: 120px;
border-radius: 50%;
background-color: green;
}
.blue {
width: 80px;
height: 80px;
border-radius: 50%;
background-color: blue;
}

以上代碼會畫出綠色和藍色的圓形，分別設置不同的寬、高和顏色，其他代碼保持不變。

如果想要繪制帶邊框的圓形，可以再添加一行border屬性，如下：

.border-circle {
width: 150px;
height: 150px;
border-radius: 50%;
background-color: yellow;
border: 2px solid black;
}

以上代碼會畫出黃色的圓形，并且邊框為黑色，寬度為2px。

總之，CSS3畫圓形非常簡單，只需直接使用border-radius屬性即可。在此基礎上再根據需要調整寬、高和顏色等屬性，就可以制作出各種不同風格的圓形了。