在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中文網其他相關文章!