CSS 中的空圓圈是一種常用的樣式，它可以幫助我們在網頁中呈現出美觀、簡潔的視覺效果。在 CSS 中，我們可以通過設置 border 屬性來創建空圓圈。

要創建空圓圈，我們需要設置 border 的樣式、寬度和顏色，同時將 border-radius 屬性設置為 50%，以確保邊框為圓形。以下是創建一個空圓圈的 CSS 代碼示例：

circle {
border: 2px solid  #333;
border-radius: 50%;
width: 20px;
height: 20px;
}

在上述代碼中，我們定義了一個類名為“circle”的樣式，其中 border 的樣式為 solid、寬度為 2px，顏色為 #333，讓它成為一個空心圓圈的邊框。同時，我們使用 border-radius 將圓角屬性設置為 50% ，使它成為一個圓形。在 width 和 height 屬性中定義了圓的大小。

此外，我們還可以通過設置 background-color 的屬性來添加填充顏色。以下代碼示例可以創建一個具有背景顏色的圓圈：

circle {
border: 2px solid  #333;
border-radius: 50%;
width: 20px;
height: 20px;
background-color: #fff;
}

在上面的示例代碼中，我們添加了一個背景顏色屬性 background-color，并將其設置為 #fff。通過這種方式，我們可以創建出一個空心圓圈，并加上填充顏色，從而實現我們想要的效果。

總之，空圓圈是一種非常有用的樣式，它可以幫助我們在網頁中快速、簡單地實現想要的效果。使用 CSS，我們可以輕松地創建漂亮的空心圓圈，并自由地設置其樣式，同時將其應用于我們網頁中的各種元素。