CSS中的豎圓點(diǎn)是指一種展示列表或?qū)Ш降男ЧǔＪ褂脽o(wú)序列表（ul）來(lái)實(shí)現(xiàn)。通過(guò)CSS樣式設(shè)置可以更改豎圓點(diǎn)的樣式、顏色和大小等。下面我們來(lái)學(xué)習(xí)一下如何創(chuàng)建一個(gè)具有豎圓點(diǎn)的無(wú)序列表。

列表項(xiàng)1
列表項(xiàng)2
列表項(xiàng)3

上面的代碼表示了一個(gè)普通的無(wú)序列表，每個(gè)列表項(xiàng)前面都會(huì)有一個(gè)默認(rèn)的豎圓點(diǎn)。如果我們想要改變這個(gè)豎圓點(diǎn)的樣式，可以使用CSS樣式對(duì)其進(jìn)行設(shè)置。

ul {
list-style-type: none;
}
ul li::before {
content: "\2022";
margin-right: 5px;
color: red;
}

上述代碼中，我們首先將列表的默認(rèn)樣式去掉，然后使用偽元素before來(lái)創(chuàng)建一個(gè)新元素，在新元素中插入"\2022"表示使用unicode編碼為2022的字符作為豎圓點(diǎn)，將豎圓點(diǎn)向右移動(dòng)5像素，最后將豎圓點(diǎn)的顏色設(shè)置為紅色。這樣就可以實(shí)現(xiàn)一個(gè)自定義的豎圓點(diǎn)列表了。