CSS是一種用于網頁樣式設計的語言，它可以通過各種屬性和選擇器來裝飾標準的HTML文檔，其中包括創建圓圖的方法。本文將介紹兩種方法：使用border-radius屬性和使用clip-path屬性。

/* 使用border-radius屬性 */
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
}

在上面的代碼中，我們創建了一個寬高為100px的元素，并使用border-radius屬性將其變成圓形。將半徑設置為50%可以確保元素始終為圓形，因為它將自適應其父容器的大小。

/* 使用clip-path屬性 */
.circle {
width: 100px;
height: 100px;
background-color: red;
clip-path: circle(50% at center);
}

在上面的代碼中，我們使用clip-path屬性和circle函數來創建一個圓形剪切路徑。 50%參數表示半徑，at center表示在元素的中心位置切割圓形。這將類似于border-radius方法，但是我們可以使用clip-path的其他參數和函數來創建不同的形狀。

無論是使用border-radius屬性還是clip-path屬性，它們都可以為網頁的設計提供一種簡單而優雅的方式來創建圓圖形，有效地增強其視覺吸引力。