一期一会

一期一会

境界線




★単純に境界線を表示させるには<HR>というタグを使います。


これは改行をする
タグなどと同じで、 単独で効果を発揮します。
(というような終わりを示すタグはありません)

線の長さは指定しない限り画面一杯に広がり、指定した場合は標準で中央に表示されます。




<HR>

★長さを指定するには『width="数字"』を使い、数字が大きいほど線が長くなります。





<HR width="100">


★線の場所を指定するには『align="left or center or right"』を使います。




<HR width="100" align="left">





<HR width="100" align="center">




<HR width="100" align="right">

★線へ色をつけてみましょう!




<HR color="red">




<HR color="blue">

こんな感じ!

★線の太さ




<HR size="5">




<HR size="7" width="500">



<HR size="8" width="600" color="red">




<HR size="5" width="400" align="left" color="blue">


★線の種類を変えると!




<HR style="border-style:solid;">




<HR style="border-style:double;">




<HR style="border-style:dashed;">




<HR style="border-style:dotted;">

★応用




<HR style="border-style:solid;border-color:red">




<HR style="border-style:dashed;border-color:blue;width:300;">




<HR style="border-style:dotted;border-color:white;width:200;" align="right">


いろいろ応用ができるよ!







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