html li去掉點的方法：1、使用「list-style:none」方式；2、透過「list-style-type:none」去除；3、在li標籤裡面直接加入列表樣式； 4.透過「.a1{list-style-type:none;}」去除。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
html li去掉黑點
在工作中，我們常會用到列表，列表又分成有序列表和無序列表，無序列表在頁面中會顯示實心圓點，有序列表會顯示序號，但是，有時候我們不要它，覺得是多餘的，不需要列表前面的點和序號顯示出來，那可以去除列表樣式嗎？怎麼去掉li前面的點呢？ 接下裡，舉例並且用程式碼和圖片來講解。
看這個例子，我用無序列表寫了古代四大美女的名字，看看沒有去除列表樣式時，是什麼效果。
<ul> <li>西施</li> <li>王昭君</li> <li>貂蝉</li> <li>杨玉环</li> </ul>
效果圖：
接下來介紹幾種移除列表前面小圓點的方法。
1、在CSS中寫上list-style:none；透過這個屬性，可以去除列表樣式
ul{list-style: none;}效果圖：
2、在CSS中加上list-style-type: none ；和上一個方式一樣，只是用了不同的屬性。
ul{list-style-type: none;}3、在 li 標籤裡面直接加入列表樣式，前面兩個給了樣式去掉圓點，後面兩個沒給，還會顯示出來。
<ul> <li style="list-style-type: none;">西施</li> <li style="list-style-type: none;">王昭君</li> <li>貂蝉</li> <li>杨玉环</li> </ul>
效果圖：
4、當然，也可以給標籤一個類別名，在CSS中給予樣式，例如下列程式碼，只給第一個li 標籤樣式，它自然就沒有前面的圓點了。
HTML部分：
<ul> <li class="a1">西施</li> <li>王昭君</li> <li>貂蝉</li> <li>杨玉环</li> </ul>
CSS部分：
.a1{list-style-type: none ;}
效果圖：
#總結：以上介紹了CSS中如何移除清單樣式，四種方法都可以使用，看個人習慣了，希望這個如何去除li 前面的點的教程可以幫助到你！
【推薦學習：css影片教學】
#以上是html li怎麼去掉點的詳細內容。更多資訊請關注PHP中文網其他相關文章！
