使用CSS實(shí)現(xiàn)li圓圈加數(shù)字效果非常簡(jiǎn)單,只需利用list-style屬性來設(shè)置。下面是實(shí)現(xiàn)代碼:
li { list-style: circle decimal; }
其中,circle表示使用圓圈作為列表標(biāo)識(shí)符,decimal表示在圓圈內(nèi)顯示序號(hào)。可以根據(jù)需要自行調(diào)整樣式。
如果希望將序號(hào)添加到圓圈外面,可以使用list-style-position屬性,將其設(shè)置為outside:
li { list-style: circle decimal; list-style-position: outside; }
這樣就可以實(shí)現(xiàn)li圓圈加數(shù)字的效果了,方便美觀。
上一篇css tips被遮蓋
下一篇738Css