li tag - 使图像变小

时间:2013-04-13 14:45:19

标签: html css

我无法将我的li标签上的图像缩小,例如35x35px。

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

我的css

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

问题是:图片很棒,但想将其缩小到35x35像素。

我真的不记得这样做是什么了。

1 个答案:

答案 0 :(得分:2)

最好的解决方案是使用已经达到所需尺寸的图像。 但是如果你因为某种原因无法做到这一点,那么试着把图像放在li里面,就像这样:

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

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

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