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

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

在 HTML中，有兩種類(lèi)型的列表：

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

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

<p>無(wú)序列表實(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)符號(hào)要怎么做？

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

<p>無(wú)序列表實(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>

效果圖：

（學(xué)習(xí)視頻分享：css視頻教程）