list-style-imageで指定したリストマークがズレる時は背景画像にして対処する方法もある | WEB-LABO

list-style-imageで指定したリストマークがズレる時があります。そんな時は、背景画像にして対処すると簡単です。 list-style-imageで指定した場合 画像を作って、list-style-imageでリストマークを付けてみます。 <ul id="list1"> <li>リストアイテム１</li> <li>リストアイテム２</li> <li>リストアイテム３</li> <li>リストアイテム４</li> <li>リストアイテム５</li> </ul> #list1 li{ list-style-image:url("list_mark_arrow.png"); } この様に画像のサイズによってはズレることがあります。 文字の中央より下側にずれています。 リストアイテム１ リストアイテム２ リストアイテム３ リストアイテム４ リストアイテム５ background-imag

[rickpa]

助かりました m(__)m