今回は71回目です。
リストの先頭に画像をつけます。


リストの先頭を画像にする

今回の効果は、リストの先頭に画像をつけるというものです。
箇条書きの前についているのが、ただの「・」だけだと味気ないですが、自分で用意した画像を好きにつけることができれば、ぐっと楽しくなります。
今月も少しだけこの実験にお付き合い下さい。

ポイント ポイント <lu>タグの中にスタイルシートで画像の指定をします。
style="list-style-image:url('hiroko02-50.gif')" の「hiroko02-50.gif」部分を、リストの先頭に表示させたい画像のファイル名に替えて下さい。
効果 効果 リストの先頭に、指定した画像が表示されます。
使い方 使い方 実際の実験画面のソースをご覧下さい。


今回の実験でわかったこと


この効果はIEの6.0と、ネットスケープの7.0で確認しています。
Macは確認していません。

タグの中にスタイルシートで画像の指定をするだけでいいので、簡単にでき、視覚的にも楽しいのではないでしょうか?

ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)

超簡単HP実験室 実験室のトップページに