在CSS中,我們可以使用list-style-type
屬性來(lái)去掉列表項(xiàng)的點(diǎn)號(hào),這個(gè)屬性用于設(shè)置列表項(xiàng)標(biāo)記的類(lèi)型,可以通過(guò)將其值設(shè)置為none
來(lái)隱藏點(diǎn)號(hào)。
如果你有一個(gè)帶有點(diǎn)號(hào)的列表:
<ul> <li>項(xiàng)目1</li> <li>項(xiàng)目2</li> <li>項(xiàng)目3</li> </ul>
你可以使用CSS的list-style-type
屬性來(lái)去掉點(diǎn)號(hào):
ul { list-style-type: none; }
這段代碼將會(huì)隱藏所有<ul>
元素中的點(diǎn)號(hào),如果你只想隱藏特定的列表,可以給該列表添加一個(gè)類(lèi)名,然后針對(duì)這個(gè)類(lèi)名應(yīng)用樣式:
<ul class="no-bullets"> <li>項(xiàng)目1</li> <li>項(xiàng)目2</li> <li>項(xiàng)目3</li> </ul>
.no-bullets { list-style-type: none; }
這段代碼只會(huì)隱藏類(lèi)名為no-bullets
的列表中的點(diǎn)號(hào),其他列表不受影響。