清除li黑點的方法:1、利用list-style-type屬性,只需要給li元素加上「list-style-type:none;」樣式即可;2、利用list-style屬性,只需要給li元素加上「list-style:none;」樣式即可。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
HTML中使用ul和li標籤建立一個清單:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul> </body> </html>
發現該清單的每一項預設是有一個小黑點的:
怎麼去掉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; }
相關推薦:《html影片教學》
以上是html中怎麼清除li黑點的詳細內容。更多資訊請關注PHP中文網其他相關文章!