在網(wǎng)頁設(shè)計(jì)中，為了美觀和實(shí)用方便，我們經(jīng)常使用小圓圈點(diǎn)來指示頁面的分類、屬于哪個(gè)部分等等。

那么如何使用CSS來制作小圓圈點(diǎn)呢？ 其實(shí)很簡(jiǎn)單，只需要在樣式表中添加：

ul {
list-style-type: circle;
}

以上代碼表示在一個(gè)無序列表<ul>中，使用小圓圈點(diǎn)樣式，代替默認(rèn)的實(shí)心點(diǎn)或數(shù)字序號(hào)。

如果要想按照自己的意愿更改樣式表中的小圓圈點(diǎn)，可以添加以下CSS代碼：

ul {
list-style: none; /* 先將默認(rèn)樣式去掉 */
margin: 0;
padding: 0;
}
li:before {
content: "●"; /* 直接使用實(shí)心圓，也可以用字體圖標(biāo)等代替 */
margin-right: 5px;
}

以上代碼表示先將默認(rèn)樣式去掉，然后使用偽元素:before，在每個(gè)列表項(xiàng)前加上一個(gè)實(shí)心圓點(diǎn)，通過調(diào)整實(shí)心圓點(diǎn)與文字之間的距離，更好地展示頁面內(nèi)容。

總結(jié)：使用CSS制作小圓圈點(diǎn)，可以使頁面分類更加直觀，美觀度也會(huì)得到提升。