在CSS中,我們可以使用list-style-type
屬性來(lái)設(shè)置列表項(xiàng)(li
)的樣式,如果我們想要去掉列表項(xiàng)前面的點(diǎn),可以將list-style-type
設(shè)置為none
,以下是一個(gè)示例:
<ul> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> </ul>
在上面的HTML代碼中,我們有一個(gè)無(wú)序列表(ul
),其中包含三個(gè)列表項(xiàng)(li
),每個(gè)列表項(xiàng)前面都有一個(gè)點(diǎn)。
我們可以通過(guò)CSS來(lái)去掉這些點(diǎn):
ul { list-style-type: none; }
在上面的CSS代碼中,我們將list-style-type
屬性設(shè)置為none
,這將使列表項(xiàng)前面的點(diǎn)消失。
通過(guò)結(jié)合HTML和CSS,我們可以創(chuàng)建一個(gè)沒(méi)有點(diǎn)的列表:
<!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; } </style> </head> <body> <ul> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> </ul> </body> </html>
在上面的完整示例中,我們創(chuàng)建了一個(gè)HTML文檔,其中包含一個(gè)無(wú)序列表,我們使用CSS來(lái)設(shè)置列表的樣式,使其沒(méi)有點(diǎn),我們保存文檔并在瀏覽器中打開(kāi)它,可以看到列表項(xiàng)前面的點(diǎn)已經(jīng)消失了。