近年來，CSS圓圈的運用變得越來越廣泛。下面我們將介紹兩種制作CSS圓圈的方法。

圓圈1：
.circle1 {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #000;
}
圓圈2：
.circle2 {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #000;
}

第一種方法是使用背景顏色制作圓圈，代碼如下：

.circle1 {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #000;
}

通過設置div元素的寬度、高度、邊框半徑和背景顏色四個屬性，即可創建一個黑色的圓圈。 而第二種方法是使用邊框顏色制作圓圈，代碼如下：

.circle2 {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #000;
}

同樣是設置div元素的寬度、高度、邊框半徑和邊框顏色四個屬性，不同的是將邊框顏色設置為黑色并且沒有背景顏色，即可制作出一個黑色圓圈。 當然，從這些代碼也可以看出，CSS圓圈的制作十分簡單，只需要設置幾個基本屬性即可。