在我们前端培训学习的过程中大家应该都见到过在列表前边有的时候为了美观度，我们都会加一个小图标，我们在培训学习的时候都应该知道这个可以给li设置样式,简单的可以用list-style-image属性完成,直接赋值url图片路径就可以，但是当要求设置图片位置的时候,那么这个方法可能就不够用了。那就要用下边的这个方法了。.
方法：
不使用list-style-image来定义列表项目标记符号，而用background-image来代替并通过background-position来进行定位
.product-shiruo-left ul li{
padding-left: 26px; //别忘了设置padding-left否则你的图片位置会贴着字开始
background:url(“../image/chanpin_yuan.png”) no-repeat 3px 13px;
}
想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训，尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习
上一篇: 前端培训之如何在文本框中禁用中文输入法
下一篇: 如何解释参加Java培训确找不到工作的问题
