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