使用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设定项目内容与图片的距离,不设定的话会重叠在一起。