list-style:none;寫在ul里！

自定義符號主要是使用background-image屬性

示例代碼:

li{??? background-image:url('../img/nav.png') ;??? background-repeat : no-repeat ;??? padding-left:40px;}

• 1
• 2
• 3
• 4
• 5

list-style:none;用來清除默認樣式；
background-image設定背景圖片，也就是我們看成的項目符號；
background-repeat設定背景圖片重復，設定no-repeat就會顯示一個；
padding-left設定項目內容與圖片的距離，不設定的話會重疊在一起。

background-image和background-repeat可以一起寫在background里，

運行結果：

——————2016.2.24————————-
　　　又回過頭來看看li元素。
　　　list-style其實是一個組合屬性，完整的表示應該是形如這樣的：
　　　

list-style: square inside url('/i/eg_arrow.gif')

• 1

ul{??? list-style:square inside url('/i/arrow.gif');}

• 1
• 2
• 3

　　　分別對應了list-style-type; list-style-position; list-style-image屬性。
　　　list-style-type： 設置列表項標記的類型（可自行查閱）；
　　　list-style-position： 設置在何處放置列表項標記，屬性值為inside或者outside（默認）或者inherit， 如果是inside，那么列表項標記會放置在li元素內部，如果是outside，則放置在li元素外部。示例地址，（可通過審查元素查看）；
　　　list-style-image：??? 使用圖像來替換列表項的標記。

???????????

再分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智能的隊伍中來！https://blog.csdn.net/jiangjunshow

總結

以上是生活随笔為你收集整理的自定义列表li项目符号的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。