溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下html中如何清除li黑點的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
清除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中如何清除li黑點”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
