老师。我使用list-style-image插入图片。可是它显示不出来，怎么办呢？
来源：3-4 list-style-image
shine62
2019-02-01 13:32:10
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
ul li
{
list-style-image: url("小图标.jpg");
}
</style>
</head>
<body>
<ul>
<li>喜欢你</li>
<li>没道理</li>
<li>真好呀！</li>
</ul>
</body>
</html>
这个是我的图片
写回答
3回答
-
山河远阔ZZ
2019-02-01
同学你好，你的图片的名字是xtb.jpg而代码中写的是小图标.jpg，如下图：
把url里面的路径改成：
list-style-image:url("xtb.jpg")
并且可能你的html页面没有扩展名，可以参考下图：
0 -
shine62
提问者
2019-02-01
老师，我的图片和文件是这样放的？我觉得这样写路径是没问题呀？您看下
0 -
山河远阔ZZ
2019-02-01
同学你好，图片没有显示出来是不是图片得来路径加载错误了？
在我的电脑中测试之后，通过list-style-image插入图片，图片是显示的，但是因为图片过大，所以导致图片没有完全显示出来，如下图：
建议换个小点的图片来测试，也可以通过改变ul的位置，来让整张图显示出来，参考下图：
可以测试一下，如果帮助到了你，欢迎采纳。
祝学习愉快！
0h019-02-01
相似问题
怎么设置背景图片大小啊
回答 3
background-image不显示
回答 3