首頁 > web前端 > 前端問答 > css怎麼取消清單的項目符號

css怎麼取消清單的項目符號

青灯夜游
發布: 2022-03-15 19:04:51
原創
8804 人瀏覽過

取消項目符號方法:1.使用list-style屬性,只需要給li元素加上「list-style:none;」樣式即可;2、使用list-style-type屬性,只需要給li元素加入「list-style-type:none;」樣式即可。

css怎麼取消清單的項目符號

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

HTML 清單(List)可以將若干條相關的內容整理起來,讓內容看起來更有條理。在清單內您可以放置​​文字、圖像、連結等,也可以在一個清單中定義另一個清單(清單嵌套)。

HTML 為我們提供了三種不同形式的列表:

  • 有序列表,使用

    1. 標籤

css怎麼取消清單的項目符號css怎麼取消清單的項目符號

css怎麼取消清單的項目符號

######################################### ######無序列表,使用
  • 標籤############定義列表,使用
    標籤# ###########其中有序列表和無序列表,預設列表的項目前都要符號:##################那麼怎麼取消清單的項目符號? ######可以使用list-style或list-style-type屬性,將其屬性值設為###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>继续煮10分钟</li>
    </ol>
    <p>早餐的种类:</p>
    <ul>
    <li>鸡蛋</li>
    <li>牛奶</li>
    <li>面包</li>
    <li>生菜</li>
    </ul>
    </body>
    </html>
    登入後複製
    ############(學習影片分享:###css影片教學###、###web前端###)###

以上是css怎麼取消清單的項目符號的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板