溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“css如何取消列表的項目符號”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css如何取消列表的項目符號”這篇文章吧。
取消項目符號方法：1、使用list-style屬性，只需要給li元素添加“l(fā)ist-style:none;”樣式即可；2、使用list-style-type屬性，只需要給li元素添加“l(fā)ist-style-type:none;”樣式即可。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
HTML 列表（List）可以將若干條相關(guān)的內(nèi)容整理起來，讓內(nèi)容看起來更加有條理。在列表內(nèi)您可以放置文本、圖像、鏈接等，也可以在一個列表中定義另一個列表（列表嵌套）。
HTML 為我們提供了三種不同形式的列表：
有序列表，使用 <ol> + <li> 標(biāo)簽
無序列表，使用 <ul> + <li> 標(biāo)簽
定義列表，使用 <dl> + <dt> + <dd> 標(biāo)簽
其中有序列表和無序列表，默認(rèn)列表的項目前都要符號：
那么怎么取消列表的項目符號？
可以使用list-style或list-style-type屬性，將其屬性值設(shè)置為none即可。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<style>
li {
/* list-style:none; */
list-style-type: none;
}
</style>
<body>
<p>煮米飯的步驟：</p>
<ol>
<li>將水煮沸</li>
<li>加入一勺米</li>
<li>攪拌均勻</li>
<li>繼續(xù)煮10分鐘</li>
</ol>
<p>早餐的種類：</p>
<ul>
<li>雞蛋</li>
<li>牛奶</li>
<li>面包</li>
<li>生菜</li>
</ul>
</body>
</html>
以上是“css如何取消列表的項目符號”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼