CSS3 是一個非常強大的工具，它可以用來創建許多驚人的動畫和效果。其中一個有用的功能就是繪制圓形。如果你想在網頁中添加一個圓形的形狀，下面的代碼可以幫你完成。

.circle {
width: 100px;
height: 100px;
border-radius: 50%; /*讓元素呈現圓形*/
background-color: red;
}

上面的代碼將創建一個紅色的圓形元素，它的大小為100像素×100像素，并使用了 border-radius 屬性來設置圓角的大小。border-radius 屬性的值為50%，意味著將左上角和右上角的角度設置為50%（或者 100% ÷ 2），這樣就把矩形變成了圓形。

如果你不想使用純顏色的填充，你還可以給圓形添加漸變或圖像。下面的代碼演示了如何使用 CSS 漸變創建一個圓環。

.circle {
width: 100px;
height: 100px;
border-radius: 50%; 
background: linear-gradient(to right, #f00 50%, transparent 50%), 
linear-gradient(to top, #f00 50%, transparent 50%);
}

上面的代碼創建了一個紅色的圓環，邊框顏色為紅色，并且使用了線性漸變。

希望這些代碼能夠幫助你在網頁中畫出漂亮的圓形。