您好,登錄后才能下訂單哦!
小編給大家分享一下HTML中如何去除列表項符號,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
在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>
效果圖:
以上是“HTML中如何去除列表項符號”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。