素人珈琲

素人珈琲

February 6, 2006
XML
今回のテーマも昨日に引き続き「 横線を入れる 」です

今回は、さらに応用例を紹介します


まずは前回と同じの基本から

HTML <hr> 上下にかかる横線 <hr>
表示
上下にかかる横線



応用例1~線の長さを変える~

HTML <hr width="50%" >上下にかかる横線<hr width="50%" >
表示
上下にかかる横線


ちょっと見にくいので、前回の応用例をつかって色付けしときます

HTML <hr width="50%" color="green" >上下にかかる横線<hr width="50%" color="green" >
表示
上下にかかる横線



応用例2~横線の位置を指定する~

HTML <hr width="50%" color="green" align="left" >上下にかかる横線<hr width="50%" color="green" align="right" >
表示
上下にかかる横線


右: align="right"
左: align="left"

まぁ& lt;align="○○"> につきましては、何度も何度も使っているので、大丈夫ですかね?


あ、あとは中央にですね

HTML <hr width="50%" color="green" align="center" >上下にかかる横線<hr width="50%" color="green" align="center" >
表示
上下にかかる横線


ちなみに、こうやると、文字も中央になります↓

HTML <center> <hr width="50%" color="green">上下にかかる横線<hr width="50%" color="green"> </center>
表示

上下にかかる横線



今回は、以上です!





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

Last updated  February 7, 2006 05:05:38 AM
コメント(0) | コメントを書く
[ホームページ作成教室] カテゴリの最新記事


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

Profile

HANMANI

HANMANI


© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: