html中l(wèi)i標(biāo)簽去掉點(diǎn)

今天就跟大家聊聊有關(guān)html中l(wèi)i標(biāo)簽去掉點(diǎn)，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

html是什么

html的全稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言，包含了一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說(shuō)明文字，圖形、動(dòng)畫(huà)、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。

html li去掉黑點(diǎn)

在工作中，我們經(jīng)常會(huì)用到列表，列表又分為有序列表和無(wú)序列表，無(wú)序列表在頁(yè)面中會(huì)顯示實(shí)心圓點(diǎn)，有序列表會(huì)顯示序號(hào)，但是，有時(shí)候我們不要它，覺(jué)得是多余的，不需要列表前面的點(diǎn)和序號(hào)顯示出來(lái)，那可以去除列表樣式嗎？怎么去掉li前面的點(diǎn)呢？接下里，舉例并且用代碼和圖片進(jìn)行講解。

看這個(gè)例子，我用無(wú)序列表寫了古代四大美女的名字，看看沒(méi)有去除列表樣式時(shí)，是什么效果。

<ul>
 <li>西施</li>
 <li>王昭君</li>
 <li>貂蟬</li>
 <li>楊玉環(huán)</li>   
 </ul>

效果圖：

現(xiàn)在，我不需要列表前面的點(diǎn)點(diǎn)，應(yīng)該如何去除呢？

接下來(lái)介紹幾種去除列表前面小圓點(diǎn)的方法。

1、在CSS中寫上 list-style:none；通過(guò)這個(gè)屬性，可以去除列表樣式

ul{list-style: none;}

效果圖：

2、在CSS中加上 list-style-type: none ；和上一種方式一樣，只是用了不同的屬性。

ul{list-style-type: none;}

3、在 li 標(biāo)簽里面直接加入列表樣式，前面兩個(gè)給了樣式去除圓點(diǎn)，后面兩個(gè)沒(méi)給，還會(huì)顯示出來(lái)。

<ul>
 <li style="list-style-type: none;">西施</li>
 <li style="list-style-type: none;">王昭君</li>
 <li>貂蟬</li>
 <li>楊玉環(huán)</li>   
 </ul>

效果圖：

4、當(dāng)然，也可以給標(biāo)簽一個(gè)類名，在CSS中給樣式，比如下列代碼，只給第一個(gè) li 標(biāo)簽樣式，它自然就沒(méi)有前面的圓點(diǎn)了。

HTML部分：

<ul>
 <li class="a1">西施</li>
 <li>王昭君</li>
 <li>貂蟬</li>
 <li>楊玉環(huán)</li>   
 </ul>

CSS部分：

.a1{list-style-type: none;}

效果圖：

看完上述內(nèi)容，你們對(duì)html中l(wèi)i標(biāo)簽去掉點(diǎn)有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。