站長資訊網(wǎng)
清除li黑點的方法：1、利用list-style-type屬性，只需要給li元素添加“l(fā)ist-style-type:none;”樣式即可；2、利用list-style屬性，只需要給li元素添加“l(fā)ist-style:none;”樣式即可。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
HTML中使用ul和li標簽創(chuàng)建一個列表：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul> </body> </html>
發(fā)現(xiàn)該列表的每一項默認是有一個小黑點的：
怎么去掉li前的黑點？
利用list-style-type屬性，該屬性設置列表項標記的類型，當屬性值為“none”則指定無標記（也就是去掉標記）。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> ul li{ list-style-type:none; } </style> </head> <body> <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul> </body> </html>
也可以使用list-style 簡寫屬性，該屬性可以在一個聲明中設置所有的列表屬性。
ul li{ list-style:none; }
