css - CSS：在 li 项目前加上图像，可能吗？

Question

是否可以在“li”项目前加上小图像？我没有找到合适的css属性。

Answer 1

您可以使用图像作为要点：

ul { list-style-image: url("fancybullet.gif"); } 

如果做不到这一点，您将 list-style-type 冷设置为 none，然后使用 CSS 将图像放置在正确的位置，就像在这篇文章中一样。

Answer 2

您可以使用 CSS :before 伪选择器。

li:before { content: url(image.jpg); } 

请注意，这在 IE8 及以下版本中可能无法完全正确。 这里有更多关于 :before 和 :after 选择器的信息。

我觉得你最好在 Javascript 中这样做，但是使用像 jQuery 这样的库。我认为这是一个在将 HTML 呈现到屏幕后需要动态解决方案的问题，在这种情况下，最好使用 Javascript。