首頁 > web前端 > 前端問答 > html怎麼取消有序列表的序號

html怎麼取消有序列表的序號

青灯夜游
發布: 2021-06-21 16:53:19
原創
3292 人瀏覽過

在html中,可以利用css list-style-type屬性來取消有序清單的序號,該屬性可以設定清單項目標記的類型,只需要為ol標籤元素設定「list-style-type :none;」樣式即可。

html怎麼取消有序列表的序號

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

有序列表

有序清單是一列項目,清單項目使用數字進行標記。

有序列表始於

    標籤。每個清單項目始於
  1. 標籤。

    html怎麼取消有序列表的序號

    輸出:

    html怎麼取消有序列表的序號

    #清單項目內部可以使用段落、換行符號、圖片、連結以及其他清單等等。

    html中怎麼取消有序清單的序號?

    在html中,可以利用list-style-type:none;來取消有序清單的序號。

    list-style-type 屬性設定清單項目標記的類型,當值設定為「none」時可移除標記。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style>
    ol.b {list-style-type:none;}
    </style>
    </head>
    
    <body>
    
    <p>有序列表实例:</p>
    
    <ol class="a">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Coca Cola</li>
    </ol>
    
    <ol class="b">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Coca Cola</li>
    </ol>
    
    </body>
    </html>
    登入後複製

    輸出:

    html怎麼取消有序列表的序號

    推薦教學:《html影片教學》、《css影片教學

以上是html怎麼取消有序列表的序號的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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