在CSS中,我們可以使用列表樣式(List Style)來(lái)控制無(wú)序列表(Unordered List)的樣式,默認(rèn)情況下,無(wú)序列表使用圓點(diǎn)(bullet points)作為列表項(xiàng)的前綴,但我們可以將其更改為方點(diǎn)(square points)。
要將CSS無(wú)序列表的前綴從圓點(diǎn)更改為方點(diǎn),可以使用list-style-type
屬性并將其值設(shè)置為square
。
ul { list-style-type: square; }
上述CSS代碼會(huì)將所有的無(wú)序列表項(xiàng)的前綴更改為方點(diǎn),如果你只想更改特定的無(wú)序列表,可以給這個(gè)列表添加一個(gè)類名,然后在CSS中針對(duì)這個(gè)類名進(jìn)行設(shè)置。
<ul class="square-list"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>
在CSS中設(shè)置:
.square-list { list-style-type: square; }
這樣,只有類名為square-list
的無(wú)序列表項(xiàng)的前綴會(huì)被更改為方點(diǎn)。