时间戳

首页 > 解决方案 > 如何在 css 的无序列表中添加 img 标签？

html - 如何在 css 的无序列表中添加 img 标签？

问题描述

我正在尝试在 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;}

谢谢你的帮助）

标签： htmlcssjoomla

解决方案

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

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

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

推荐阅读