首頁 >web前端 >html教學 >HTML中怎麼移除列表項符號

HTML中怎麼移除列表項符號

青灯夜游
青灯夜游原創
2021-06-08 17:58:5810407瀏覽

在HTML中,可以透過在清單標籤(ul、ol)中,使用style屬性新增「list-style-type:none;」樣式來移除清單項目符號。 list-style-type屬性可設定清單項目標記的類型,當值設定為「none」時可移除清單項目標記。

HTML中怎麼移除列表項符號

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

在HTML中,有兩種​​類型的清單:

  • 無序列表ul - 清單項目標記以特殊圖形(如小黑點、小方框等)

  • 有序列表ol - 列表項目的標記有數字或字母

<p>无序列表实例:</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<p>有序列表实例:</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

效果圖:

HTML中怎麼移除列表項符號

如果想要移除列表項符號要怎麼做?

其實很簡單,在清單標籤(ul、ol)中,使用style屬性加入「list-style-type:none;」樣式即可。

<p>无序列表实例:</p>
<ul style="list-style-type:none;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

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

效果圖:

HTML中怎麼移除列表項符號

(學習影片分享:css影片教學

以上是HTML中怎麼移除列表項符號的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn