February 5, 2006
テーマ： ホームページ作成の悩み(550)
カテゴリ： ホームページ作成教室
今回のテーマは「 横線を入れる
」です
デザイン性を求めるには、この 横線 というのは、かなり重要です
横線を上手く使えれば、よりいいブログになるに違いありません！
例から
横線というのは、上のような例のものです
これは、あくまでも基本です
これだけでは、お洒落にすることができませんので、応用パターンをいくつか紹介します
応用例２～太さを変える～
応用例３～線の色を変える～
さぁ、応用例を３つ立て続けに紹介してみました。
注目して欲しいのは応用例３です。
<noshade> タグを使用すれば、応用例２をみても分かるように、 塗りつぶし線 になります。
しかし、結局 <color="○○"> タグを使うと、塗りつぶし線にしようがしまいが、同じような結果になりますので、色つきの線にする場合には <noshade> タグは、必要ないのです。
今回は、３つの応用例を紹介しましたが、次もいくつか紹介したいと思います。
以上です～！
デザイン性を求めるには、この 横線 というのは、かなり重要です
横線を上手く使えれば、よりいいブログになるに違いありません！
例から
| HTML | <hr> 上下にかかる横線 <hr> |
|---|---|
| 表示 | 上下にかかる横線 |
横線というのは、上のような例のものです
これは、あくまでも基本です
これだけでは、お洒落にすることができませんので、応用パターンをいくつか紹介します
| HTML | <hr noshade> 上下にかかる横線<hr> |
|---|---|
| 表示 | 上下にかかる横線 |
応用例２～太さを変える～
| HTML | <hr noshade size="4" >上下にかかる横線 <hr size="5"> |
|---|---|
| 表示 | 上下にかかる横線 |
応用例３～線の色を変える～
| HTML | <hr noshade size="4" color="green" >上下にかかる横線<hr size="5" color="blue" > |
|---|---|
| 表示 | 上下にかかる横線 |
さぁ、応用例を３つ立て続けに紹介してみました。
注目して欲しいのは応用例３です。
<noshade> タグを使用すれば、応用例２をみても分かるように、 塗りつぶし線 になります。
しかし、結局 <color="○○"> タグを使うと、塗りつぶし線にしようがしまいが、同じような結果になりますので、色つきの線にする場合には <noshade> タグは、必要ないのです。
今回は、３つの応用例を紹介しましたが、次もいくつか紹介したいと思います。
以上です～！
お気に入りの記事を「いいね！」で応援しよう
[ホームページ作成教室] カテゴリの最新記事
-
HTML教えます その36 February 12, 2006 コメント(6)
-
HTML教えます その35 February 10, 2006
-
HTML教えます その34 February 7, 2006 コメント(1)
【毎日開催】
15記事にいいね！で1ポイント
PR
Freepage List
HANMANI
あくまでも趣味の範囲で、お家で美味しい珈琲を飲もうと頑張る人を応援するブログサイトです。
Category
© Rakuten Group, Inc.
