在網(wǎng)頁設(shè)計中，經(jīng)常會發(fā)現(xiàn)一些小圓點，這些小圓點可以用來表示列表或是序號等信息的內(nèi)容。在CSS中，我們可以很容易地添加小圓點并對其進行樣式調(diào)整。接下來，我們將介紹如何在CSS中打開并樣式化小圓點。

ul {
list-style: disc;
/*將bullet標(biāo)記修改為圓圈形式*/
}
ol {
list-style: decimal;
/*將bullet標(biāo)記改為數(shù)字形式*/
}
li {
margin-bottom: 5px;
/*改變每個元素之間的距離*/
}

我們首先需要選擇要添加小圓點的元素（通常是

和
元素），然后通過CSS的“l(fā)ist-style”屬性來設(shè)置小圓點的樣式。在這里，我們使用屬性值“disc”將小圓點標(biāo)記修改為圓圈形式，使用屬性值“decimal”將標(biāo)記改為數(shù)字形式。此外，我們還可以通過“l(fā)i”元素的屬性來改變每個元素之間的距離。

如果我們想進一步改變圓點的樣式，包括大小、顏色、邊框和填充等等，我們可以添加更多樣式屬性來進行調(diào)整。

ul {
list-style: disc;
/*將bullet標(biāo)記修改為圓圈形式*/
}
li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
margin-right: 10px;
background-color: #000;
border-radius: 50%;
/*添加圓點的樣式*/
}

在這里，我們使用“l(fā)i:before”偽元素來為每個列表項添加圓點。我們使用“content”屬性來設(shè)置沒有實際內(nèi)容的該元素，并使用“display: inline-block”將該元素顯示為內(nèi)聯(lián)元素，使得其出現(xiàn)在每個列表項的第一列。我們還可以通過其他樣式屬性改變圓點的大小、顏色、填充和邊框等。

總之，通過簡單的CSS代碼，我們可以輕松地為網(wǎng)頁添加小圓點并對其進行細(xì)致的控制和調(diào)整，使得我們的網(wǎng)頁內(nèi)容更加清晰易懂。