タグを覚えようリスト編も今日で最終回です。
今日は仕上げとして独自の画像をマークに指定してみましょう(￣▽￣人)
ちなみに今日使用します画像は・・・
どこかで見たことあるような無いような(´･ω･`)
まぁ、深くつっこまないで下さい。
では早速
例）
<ul style="list-style:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/12.gif);">
<li>リスト１</li>
<li>リスト２</li>
<li>リスト３</li>
</ul>
表示結果）
どうですか？
こんなリストも少し変わっていて面白いですよね(〃⌒▽⌒)
ただこのままでは少し見にくいと思いますので
少し画像とリストの間に余白をいれてみましょう(￣▽￣人)
例）
<ul style="list-style:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/12.gif);">
<li style="padding-left:15px;">リスト１</li>
<li style="padding-left:15px;">リスト２</li>
<li style="padding-left:15px;">リスト３</li>
</ul>
表示結果）
少し見やすくなりましたよね(〃⌒▽⌒)
ページ内のちょっとしたワンポイントにも使えると思います。
記憶の片隅にくらい置いておいてください（笑
ではまたあしたー(ﾟ▽^*)ﾉ⌒☆
