HTML中怎么去除列表項(xiàng)符號

這篇文章主要介紹“HTML中怎么去除列表項(xiàng)符號”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“HTML中怎么去除列表項(xiàng)符號”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供平樂網(wǎng)站建設(shè)、平樂做網(wǎng)站、平樂網(wǎng)站設(shè)計(jì)、平樂網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、平樂企業(yè)網(wǎng)站模板建站服務(wù)，十多年平樂做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

在HTML中，可以通過在列表標(biāo)簽（ul、ol）中，使用style屬性添加“l(fā)ist-style-type:none;”樣式來去除列表項(xiàng)符號。list-style-type屬性可設(shè)置列表項(xiàng)標(biāo)記的類型，當(dāng)值設(shè)置為“none”時(shí)可去除列表項(xiàng)標(biāo)記。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在 HTML中，有兩種類型的列表：

• 無序列表 ul - 列表項(xiàng)標(biāo)記用特殊圖形（如小黑點(diǎn)、小方框等）

• 有序列表 ol - 列表項(xiàng)的標(biāo)記有數(shù)字或字母

<p>無序列表實(shí)例:</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<p>有序列表實(shí)例:</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

效果圖：

如果想要去除列表項(xiàng)符號要怎么做？

其實(shí)很簡單，在列表標(biāo)簽（ul、ol）中，使用style屬性添加“l(fā)ist-style-type:none;”樣式即可。

<p>無序列表實(shí)例:</p>
<ul style="list-style-type:none;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<p>有序列表實(shí)例:</p>
<ol style="list-style-type:none;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

效果圖：

關(guān)于“HTML中怎么去除列表項(xiàng)符號”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。

當(dāng)前標(biāo)題：HTML中怎么去除列表項(xiàng)符號
URL網(wǎng)址：http://muchs.cn/article2/ghijic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、虛擬主機(jī)、企業(yè)網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、面包屑導(dǎo)航、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)