建站
咨詢
售后
建站咨詢
新聞中心
這篇文章給大家分享的是有關(guān)HTML如何去掉li前面的小黑點(diǎn)的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。
成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站建設(shè)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的饒平網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！在工作中，我們經(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í)，是什么效果。
- 西施
- 王昭君
- 貂蟬
- 楊玉環(huán)
效果圖：
現(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)。
- 西施
- 王昭君
- 貂蟬
- 楊玉環(huán)
效果圖：
4、當(dāng)然，也可以給標(biāo)簽一個(gè)類名，在CSS中給樣式，比如下列代碼，只給第一個(gè) li 標(biāo)簽樣式，它自然就沒(méi)有前面的圓點(diǎn)了。
HTML部分：
- 西施
- 王昭君
- 貂蟬
- 楊玉環(huán)
CSS部分：
.a1{list-style-type: none;}效果圖：
感謝各位的閱讀！關(guān)于HTML如何去掉li前面的小黑點(diǎn)就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
網(wǎng)頁(yè)題目：HTML如何去掉li前面的小黑點(diǎn)-創(chuàng)新互聯(lián)
瀏覽地址：http://fisionsoft.com.cn/article/csjgej.html
