css怎樣將li的序號取消

醉折花枝作酒筹原創: 2021-06-02 14:42:204555瀏覽

在css可以使用list-style-type屬性將li的序號取消，只需要給li元素設定「list-style-type:none」樣式即可。 list-style-type屬性用於設定清單項目標記的類型，當值為none時，表示沒有任何標記。

css怎樣將li的序號取消

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

新建一個html文件，命名為test.html，用於講解css如何移除li標籤序號。在test.html檔案中，使用li標籤建立一個清單。在css標籤內，設定清單的樣式。

在css標籤內，將list-style-type屬性設定為none，實現移除li標籤的序號。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    
  </head>
  <body>
    <ol class="mycss">
      <li>标签a</li>
      <li>标签b</li>
      <li>标签c</li>
    </ol>
  </body>
</html>

未加效果程式碼前：

css怎樣將li的序號取消

加上效果程式碼後：

#程式碼：

<style>
      li {
          list-style-type: none;
      }
    </style>

效果：

css怎樣將li的序號取消

擴充功能：

#list-style-type 屬性設定清單項目標記的型別。

推薦學習：css影片教學

以上是css怎樣將li的序號取消的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：css中內邊框是什麼下一篇：css中內邊框是什麼

看更多