如何在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>