圓圖(Circle)是CSS3中常用的一種圖形樣式，可以美化網頁，提升用戶的瀏覽體驗。下面我們將介紹如何使用CSS3來繪制一個圓圖。

首先，我們要在html文件中創建一個圓形容器。代碼如下：

<div class="circle"></div>

接下來，我們要配置CSS樣式來實現圓形效果。代碼如下：

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

解釋一下每一行代碼的含義：

• width和height指定了圓形容器的寬度和高度，一般是相等的。
• border-radius: 50%實現了圓形效果，50%意味著邊框半徑是容器高度或寬度的50%。
• background-color則指定圓形的背景色。

這樣就完成了一個簡單的紅色圓形圖。如果想要修改一下圓形的大小和顏色，只需要修改width、height、background-color和border-radius的值即可。CSS3不僅僅可以實現圓形樣式，還可以實現各種多邊形樣式，如矩形、三角形、菱形等等，讓你的網頁更加多姿多彩。