七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Dec , 2024
Nov , 2024

Oct , 2024

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Sep 11, 2004

タグを覚えよう【第３３回目】　-　リストを作ろう（５回目）

(4)

カテゴリ：タグ教室

タグを覚えようリスト編も今日で最終回です。

ちなみに今日使用します画像は・・・

どこかで見たことあるような無いような(´･ω･`)
まぁ、深くつっこまないで下さい。

では早速

例）
<ul style="list-style:url(http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/12.gif);">
<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>

</ul>

表示結果）