html中li標簽去掉點

今天就跟大家聊聊有關html中li標簽去掉點，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

html是什么

html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。

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;}

效果圖：

看完上述內容，你們對html中li標簽去掉點有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。