自定義li項目符號

使用background-image屬性

先清除ul的默認list-style

ul{
    list-style:none
}
li{
    background-image:url('./image/symbol.png') ;//圖片路徑
    background-repeat : no-repeat ;
    padding-left:40px;//移動圖片位置
}

 

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