リストの行頭文字をイメージにする。

箇条書きリスト(li要素)の行頭文字にイメージを使う方法についてです。
行頭文字にイメージを使う場合は、list-style-imageのプロパティを使います。

list-style-imageの値には、url(画像ファイルのパス)と記述します。

CSSの記述例は、次のようになります。
ul{
list-style-image:url(../images/icon_menu.png);
}

リストの行頭文字をイメージにするサンプル

まとめ

• リストの行頭文字をイメージにする場合、list-style-imageのプロパティを使う。


• list-style-imageの値は、url(画像ファイルのパス)という形で記述する。

• ホーム
• ページトップ
• 同カテゴリの他エントリーを読む
• RSS