緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。

→ ページ全体に適用する場合（サンプルのためタグごとに効果を変えています。参照）

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY>
<UL>
<LI class="li">リストマークに画像を指定します。</LI>
<LI class="lo">サンプルサンプル</LI>
</UL>
<UL class="lo">
<LI>リストマークに画像を指定します。</LI>
<LI>サンプルサンプル</LI>
</UL>
<BR><BR>
</BODY>
</HTML>

解説・注意点など

使用スタイル：list-style-image
指定可能な値：url("01.gif")やurl("02.jpg")などの画像ファイル

画像サイズはフォントサイズに合わせるようにしないと表示がおかしくなります。

← スタイルシートに戻る

eWeb