CSS中,實(shí)心小圓點(diǎn)通常用來作為列表標(biāo)記。通過CSS屬性,可以自定義這些小圓點(diǎn)的大小、顏色、位置等等。
首先,我們需要使用CSS中的list-style-type屬性來定義列表標(biāo)記的類型,其中圓點(diǎn)的類型為"disc"。
ul { list-style-type: disc; }
現(xiàn)在,我們可以看到列表項(xiàng)的前面都出現(xiàn)了一個(gè)小圓點(diǎn)。如果我們想要改變小圓點(diǎn)的大小,可以使用list-style屬性中的屬性值:
ul { list-style: disc inside 10px; }
上面的代碼中,我們將小圓點(diǎn)的大小設(shè)置為10px,并將其放置在列表項(xiàng)內(nèi)部。注意,在這里,我們使用list-style屬性來一次性設(shè)置小圓點(diǎn)的大小和位置。
接下來,如果我們想要改變小圓點(diǎn)的顏色,可以使用color屬性:
ul { list-style: disc inside 10px #ff0000; }
上面的代碼中,我們將小圓點(diǎn)的顏色設(shè)置為紅色,即#ff0000。
此外,我們還可以將小圓點(diǎn)的形狀改為其他的圖案,例如正方形或菱形等等:
ul { list-style: square inside 10px #ff0000; } ol { list-style: diamond inside 10px #ff0000; }
上面的代碼中,我們分別將列表項(xiàng)的小圓點(diǎn)改為正方形和菱形。
到此為止,我們已經(jīng)可以使用CSS來自定義實(shí)心小圓點(diǎn)的大小、顏色、位置和形狀了。