● リストマークの画像指定＜スタイルシート＞

リスト指示の行頭を「●」や「■」ではなく、任意の画像にしてしまうものです。

<style type="text/css"> <!-- UL { list-style-image: url(img/li_mark.gif)} --> </style> <ul> <li>あいうえおかきくけこ</li> <li>ABCDEFGHIJKLMN</li> <li>0123456789</li> </ul>

img/li_mark.gifは任意の画像を相対指定してください。
※画像サイズが大きすぎると、画像の下が切れてしまうようです。
縦が18ピクセル以下が良い模様。

上記のようにすると、下ようになります。

• あいうえおかきくけこ
• ABCDEFGHIJKLMN
• 0123456789