七鍵＠楽天

コメント新着

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

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

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

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

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

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

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>

表示結果）

リスト１

リスト２

リスト３

少し見やすくなりましたよね(〃⌒▽⌒)
ページ内のちょっとしたワンポイントにも使えると思います。
記憶の片隅にくらい置いておいてください（笑

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Sep 12, 2004 12:10:12 PM
コメント(4) | コメントを書く

[タグ教室] カテゴリの最新記事

■コメント

あれ･･･？

RainbowAngel さん

最初のリスト１・２・３と
次のリスト１・２・３の違いが見つけられない(´･ω･`)

でも表示結果はちゃんと余白で出来てる！
七鍵先生～何が違うの？？？（￣ー￣?）

しかし、こんなところでメッセ君（私が勝手に名づけた
見れるとは思わなかったわｗ

(Sep 12, 2004 11:15:28 AM)

返事を書く

Re:あれ･･･？(09/11)

＃七鍵さん

RainbowAngelさん

やほー(〃⌒▽⌒)

何が違うの？って・・・
私の記述が間違っていました(´･ω･`)
ちゃっかり修正しておきましたので今はばっちりでしょ？（笑

(Sep 12, 2004 12:15:20 PM)

返事を書く

Re[1]:あれ･･･？(09/11)

RainbowAngel さん

＃七鍵さん

(*ﾟｰﾟ)(*｡_｡)ｳﾝ♪バッチリよ♪

なるほど～こんな風になるのね♪
今日もしっかりお勉強できましたヽ(*⌒∇⌒*)ﾉ

って、これをちゃんと覚えてるかどうかは
別なんだけどね…(；￣ｰ￣)

(Sep 12, 2004 12:27:34 PM)

返事を書く

Re[2]:あれ･･･？(09/11)

＃七鍵さん

RainbowAngelさん

やほー(〃⌒▽⌒)

ご迷惑おかけしました（笑
っていうか、書き方は覚えなくても・・・
こんなことできたなーってことだけ覚えておけばええのよ(￣▽￣人)

(Sep 12, 2004 11:20:05 PM)