在HTML中,可以透過在清單標籤(ul、ol)中,使用style屬性新增「list-style-type:none;」樣式來移除清單項目符號。 list-style-type屬性可設定清單項目標記的類型,當值設定為「none」時可移除清單項目標記。
本教學操作環境: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>
效果圖:
如果想要移除列表項符號要怎麼做?
其實很簡單,在清單標籤(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>
效果圖:
(學習影片分享:css影片教學)
以上是HTML中怎麼移除列表項符號的詳細內容。更多資訊請關注PHP中文網其他相關文章!