リストの記述
リストは普通に書くと以下のようになります。
- リスト１
- リスト２
- リスト３
HTMLは以下のようになっています。
<ul>
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>
画像付リストその１
下のようにリストマークの変わりに画像を使います。
- リスト１
- リスト２
- リスト３
このHTMLは以下のようになっています。
<ul class="list1">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>
画像付リストその２
もう1つ別の画像です。
- リスト１
- リスト２
- リスト３
このHTMLは以下のようになっています。
<ul class="list2">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>
リストのマーク画像の変更
上のリストマークの画像は自分の作成した画像に簡単に変更できます。この画像は「style/image」にある「list_bg1.gif」と「list_bg2.gif」です。サイズは16×16ピクセルです。同じサイズで作成した画像を上書きしてやれば変更できます。