☆　水 平 線　☆

水平線を点々にしたり、色を付けるとおしゃれですよ！

■ 普通の水平線

<HR>

■ 水平線の幅を指定

<HR>タグにwidth=幅を追加 <HR width="300"> ページや枠に対してのパーセンテージで指定 <HR width="50%">

■ 水平線の太さの指定

水平線の太さを指定すると、窪みのような影ができます <HR size="5"> 窪みのような影を消したい場合はnoshadeを追加 <HR size="5" noshade>

■ 水平線の幅と太さを指定

<HR width="300" size="5"> 水平線の幅をページや枠に対してのパーセンテージで指定 <HR width="50%" size="5">

■ 水平線の位置

左揃え <HR align="left"> 中央揃え <HR align="center"> 右揃え <HR align="right">

■ 水平線に色を付ける　カラーコード

<HR color="#e0c4b0"> 水平線に色と幅を指定 <HR width="300" color="#e0c4b0"> 水平線に色と太さを指定 <HR size="10" color="#e0c4b0"> 水平線に色と幅を太さを指定 <HR width="300" size="10" color="#e0c4b0">

■ 水平線に背景画像を付ける　width=水平線の幅　size=水平線の太さ

●●.gif の部分に画像を指定 <HR width="300" size="15" style="background-image:url(●●.gif);">

■ 点々の水平線　size=点々の大きさ　 カラーコード

<HR width="300" size="1" color="#e0c4b0" style="border-style:dotted"> <HR width="300" size="2" color="#e0c4b0" style="border-style:dotted"> <HR width="300" size="3" color="#e0c4b0" style="border-style:dotted"> <HR width="300" size="4" color="#e0c4b0" style="border-style:dotted">

■ 点線の水平線　size=点線の太さ　 カラーコード

<HR width=300 size="1" color="#e0c4b0" style="border-style:dashed"> <HR width=300 size="2" color="#e0c4b0" style="border-style:dashed"> <HR width=300 size="3" color="#e0c4b0" style="border-style:dashed"> <HR width=300 size="4" color="#e0c4b0" style="border-style:dashed">

Copyright (C) 2001-2003. kowaza of the HTML. All rights reserved.