Question

list-style-image以某种方式不能用于我的HTML和CSS代码：

li {
    list-style-image: url('D:\HTML and CSS\imgs\plus.png');
}

有人可以帮忙吗？谢谢！

Answer 1

尝试在路径的%20部分用D:\HTML and CSS\替换空格。

例：
list-style-image: url('D:\HTML%20and%20CSS\imgs\plus.png');

Answer 2

li {
    list-style-image: url('D:\HTML and CSS\imgs\plus.png');
}

list-style-image不起作用的原因是因为URL中的BACKWARD Slash。

所以BACKWARD Slash应该替换为FORWARD斜杠，如下所示：

li {
    list-style-image: url('D:/HTML and CSS/imgs/plus.png');
}

Answer 3

啊！ css网址是网址，您在计算机上引用了一条路径，目前无法在不使用文件协议（或其他内容）的情况下直接引用路径名。如果你可以使用相对路径，这不会成为一个问题。

Answer 4

@Bing Li，看看这个。

ul {
  color: #00948e;
  list-style-image: url('https://www.euronext.com/sites/euronext.com/themes/euronextV2Specific/images/plusButtonUp.gif'); /* Replace this image link   */
line-height: 1.6em;
}

<ul>
  <li>A Poetic Perspective</li>
  <li>Walt Whitman at War</li>
  <li>Found Poems and Outsider Poetry</li>
</ul>

如何使用list-style-image加载图像？

4 个答案: