html - li 标签 - 缩小图像

Question

我无法将 li 标签上的图像缩小，例如 35x35 像素。

<ul>
  <li id="grund_brand"></li>
</ul>

我的CSS

#grund_brand {
    list-style-image: url('/indhold/uddannelse/grund_brand.jpg');
}

问题是:图片很棒，但希望将其缩小到 35x35 像素。

我真的不记得这样做需要什么。

Answer 1

最好的解决方案是使用已经达到所需尺寸的图片。但是，如果您出于某种原因不能这样做，请尝试将图像放在 li 中，如下所示:

<ul>
  <li id="grund_brand"><img src="/indhold/uddannelse/grund_brand.jpg" /></li>
</ul>

然后使用 CSS 设置该图像的高度和宽度:

li img { height: 35px; width: 35px; }