箇条書きの先頭記号を画像にする方法

箇条書きリストを創る方法は以前紹介しました・・・が・・・

＜UL＞＜LI＞たまご＜LI＞牛乳＜LI＞パン＜/UL＞と記述すれば

• たまご
• 牛乳
• パン

品名の前に　「・」　が付いて、表示されてしまいます。

この「・」を画像に変換できないものでしょうか・・・？


実は出来てしまうのです・・・

• 例えば、この画像　　を使いたい場合・・・
  
  1. スタイルシートの記述すれば表示出来ます
  2. list-style-imageプロパティを使用します
     
     
  3. list-style-image: (' 画像.gif ');と画像ファイル名を指定します。
     ※　使用する画像をサーバーにアップして置きます。
     　　違う場所のサーバーに画像がある場合はhttp://www.***/○○.gifのようにフルアドレスを記入して下さい。
     
     
  4. これを以下のようにULタグの中に記述します
     ＜UL style="list-style-image:(' 画像.gif ');"＞
     　＜LI＞たまご
     　＜LI＞牛乳
     　＜LI＞パン
     ＜/UL＞
     
     
  5. すると下のように表示される訳です
     
     • たまご
     • 牛乳
     • パン

今日の小技は如何でしたか？