CSS中的圓點(diǎn)（bullet）是頁(yè)面中常見(jiàn)的小標(biāo)記，通常用來(lái)標(biāo)識(shí)列表項(xiàng)和小標(biāo)題。CSS樣式規(guī)則可以用于控制圓點(diǎn)的大小、顏色、位置和形狀等，以滿(mǎn)足不同的設(shè)計(jì)需求。

在CSS中，可以使用list-style-type屬性來(lái)設(shè)置列表項(xiàng)的標(biāo)記形狀。默認(rèn)情況下，無(wú)序列表使用實(shí)心圓點(diǎn)（disc）作為標(biāo)記，有序列表使用數(shù)字（1, 2, 3...）或字母（a, b, c...）作為標(biāo)記。其他可選的標(biāo)記形狀包括方形（square）、實(shí)心方形（solid square）、實(shí)心圓形（solid disc）、羅馬數(shù)字（upper-roman、lower-roman）等。

ul {
list-style-type: square;   /* 方形 */
}
ol {
list-style-type: upper-roman;   /* 大寫(xiě)羅馬數(shù)字 */
}

除了標(biāo)記形狀之外，還可以使用list-style-position屬性來(lái)設(shè)置標(biāo)記的位置。默認(rèn)情況下，標(biāo)記位于列表項(xiàng)的左側(cè)?？梢酝ㄟ^(guò)將屬性值設(shè)置為inside或者outside來(lái)控制標(biāo)記的位置，使其位于列表項(xiàng)內(nèi)或外。

ul {
list-style-position: inside;   /* 標(biāo)記位于列表內(nèi)容內(nèi) */
}
ol {
list-style-position: outside;   /* 標(biāo)記位于列表內(nèi)容外 */
}

在需要自定義標(biāo)記樣式時(shí)，可以使用::before偽元素來(lái)生成自定義標(biāo)記。使用::before偽元素時(shí)，需要設(shè)置content屬性來(lái)定義標(biāo)記的內(nèi)容。此外，可以通過(guò)設(shè)置偽元素的寬高等屬性來(lái)控制標(biāo)記的大小和形狀。

ul li::before {
content: "";   /* 自定義標(biāo)記為空 */
display: inline-block;
width: 10px;
height: 10px;
background-color: #000;
border-radius: 50%;   /* 圓形 */
margin-right: 10px;
}

總的來(lái)說(shuō)，CSS中的圓點(diǎn)樣式非常靈活，可以通過(guò)設(shè)置不同的屬性和值，實(shí)現(xiàn)各種各樣的標(biāo)記形狀和位置，甚至可以實(shí)現(xiàn)自定義樣式，以滿(mǎn)足不斷變化的設(shè)計(jì)需求。