通過圖片的方式也能實現(xiàn)奄侠,就像下面這樣:
li{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAE0lEQVQIW2NkYGD4D8RwwEi6AACaVAQBULo4sgAAAABJRU5ErkJggg==");
}
但是蓬痒,有一種優(yōu)雅的方法來自定義li的項目符號顏色和圖標(biāo)丛肢,而不需要圖片诈乒,擴展性更好
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
padding-left: 1em;
text-indent: -.7em;
}
li::before {
content: "? "; /* 自定義圖標(biāo)罩扇,也可以使用字體圖標(biāo) 如:content: "\f105"; font-family: FontAwesome;*/
color: #ABCDEF; /* 自定義顏色 */
}