如何在CSS中的无序列表中添加img标签呢？

Question

我正在尝试在joomla中创建项目符号列表。 寺庙css

我已将代码添加到模板css文件中，但是图像从未出现。 该错误的原因可能是什么？

 ul li.Selfclean {list-style:url("./images/com_droppics/17/cleanIcon50.png")left top no-repeat;} 

 <li class="Selfclean"> <h3>Title</h3> </li> 

此代码我添加到模板中。

ul li.Selfclean {list-style:url("./images/com_droppics/17/cleanIcon50.png")left top no-repeat;}

谢谢您的帮助）

Answer 1

您使用了非法的属性，有关可用选项，请参见https://developer.mozilla.org/en-US/docs/Web/CSS/list-style 。

以下示例有效，但使用的徽标太大;）。 另外，在li内使用h3会使标题移动到新行，我不确定这是否是您想要实现的效果。

 li.Selfclean { list-style: url("https://mirrors.creativecommons.org/presskit/icons/cc.png"); } 

 <li class="Selfclean">Title</li>