在HTML中,我們經(jīng)常使用無(wú)序列表(ul)來列舉項(xiàng)目或者說明文本。在默認(rèn)情況下,ul列表每一項(xiàng)前面都會(huì)有一個(gè)圓點(diǎn),這個(gè)圓點(diǎn)可以通過CSS進(jìn)行自定義。
我們可以通過修改list-style-type屬性來修改每一項(xiàng)前面的圓點(diǎn)樣式。list-style-type屬性有以下幾個(gè)可選值:
1. disc:默認(rèn)值,實(shí)心圓點(diǎn)。
2. circle:空心圓點(diǎn)。
3. square:實(shí)心方塊。
4. decimal:數(shù)字(默認(rèn)從1開始)。
5. lower-alpha:小寫字母。
6. upper-alpha:大寫字母。
7. lower-roman:小寫羅馬數(shù)字。
8. upper-roman:大寫羅馬數(shù)字。
下面是一個(gè)使用ul列表的例子:
<ul>
<li>第一項(xiàng)</li>
<li>第二項(xiàng)</li>
<li>第三項(xiàng)</li>
</ul>
如果我們要將圓點(diǎn)修改為實(shí)心方塊,可以在CSS中添加以下代碼:ul {
list-style-type: square;
}
這樣,每個(gè)項(xiàng)目前面的圓點(diǎn)就會(huì)變成實(shí)心方塊。同理,我們還可以通過將list-style-type屬性修改為其他可選值,來改變圓點(diǎn)的樣式。