當(dāng)我們需要制作列表時(shí),常常使用
- 和
- 標(biāo)簽,其中
- 標(biāo)簽可以用來(lái)表示列表中的每一個(gè)元素。
而默認(rèn)情況下,
- 元素的標(biāo)記點(diǎn)是方點(diǎn),如果我們想要讓標(biāo)記點(diǎn)變成圓點(diǎn),可以使用CSS來(lái)實(shí)現(xiàn)。
li { list-style-type: circle; }
在這段CSS代碼中,我們將list-style-type屬性設(shè)置為circle,即列表標(biāo)記使用實(shí)心圓來(lái)代替默認(rèn)的方點(diǎn)。
除了circle,CSS還提供了其他一些選項(xiàng)來(lái)改變列表的標(biāo)記樣式,如:
- disc:實(shí)心圓點(diǎn)
- square:方塊
- decimal:數(shù)字
- lower-alpha:小寫字母
- upper-alpha:大寫字母
通過這些屬性,我們可以靈活地改變列表標(biāo)記的樣式,讓我們的頁(yè)面更加美觀。
上一篇css li圖片下加文字
下一篇css top_nav