html如何在无序列表实现用background代替list-style-image
每行开头是这张图片:
制作步骤:设置图片位置,设置图片大小,设置无序列表的左边距;
Head部分:
.one li{
list-style: none;
background:url(C:/Users/HP/Desktop/1/1.jpg);<!—例如图片是放在这个文件夹下–>
padding-left: 20px;
background-size:10px 10px;
background-position: 5px;
background-repeat: no-repeat;
}
Body部分:
最后的效果: