在HTML中,可以通過在列表標簽(ul、ol)中,使用style屬性添加“l(fā)ist-style-type:none;”樣式來去除列表項符號。list-style-type屬性可設(shè)置列表項標記的類型,當值設(shè)置為“none”時可去除列表項標記。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在 HTML中,有兩種類型的列表:
-
無序列表
ul
– 列表項標記用特殊圖形(如小黑點、小方框等) -
有序列表
ol
– 列表項的標記有數(shù)字或字母
<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屬性添加“l(fā)ist-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視頻教程)