html - li タグ - 画像を小さくする

Question

li タグの画像を 35x35px のように小さくするのに問題があります。

<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; }