無料ホームページ作成！ＣＳＳ・スタイルシート
リスト項目に画像

無料ホームページ作成！CSS・例
リスト項目に画像

list-style-image属性

url（絶対パス、相対パス）で指定

CSS・スタイルシートソース

list-style-image:url(../gif/yazirusi.gif);

もしくは


list-style-image:url(http://makehomepage.nobody.jp/gif/yazirusi.gif);
結果
  • list-style-image:url(../../gif/yazirusi.gif);
  • リスト項目の画像が表示。

noneで指定

CSS・スタイルシートソース

list-style-image:none;
結果
  • list-style-image:none;
  • リスト項目には画像は使用されず代用のリスト項目のスタイルが表示されます。
CSS・リスト
リスト項目に画像
無料ホームページ作成！
ＨＴＭＬ＆ＣＳＳ
-

無料ホームページ作成！メニュー

CSS・スタイルシート・例

文字

余白

背景

ボックス

配置

リスト

リンクについて｜お問い合わせ
無料ホームページ作成！HTML＆CSS