css怎樣將li的序號取消
- 醉折花枝作酒筹原創
- 2021-06-02 14:42:204427瀏覽
在css可以使用list-style-type屬性將li的序號取消，只需要給li元素設定「list-style-type:none」樣式即可。 list-style-type屬性用於設定清單項目標記的類型，當值為none時，表示沒有任何標記。
本教學操作環境：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>未加效果程式碼前：
加上效果程式碼後：
#程式碼：
<style>
li {
list-style-type: none;
}
</style>效果：
擴充功能：
#list-style-type 屬性設定清單項目標記的型別。
推薦學習：css影片教學
#以上是css怎樣將li的序號取消的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css中內邊框是什麼下一篇：css中內邊框是什麼