[装飾文字]→[記号を使ったライン]も是非ご覧下さい。

ノーマルライン

---

<hr>





ラインに色をつける

---

<hr color="カラーコード">





ラインの長さを変える
(この長さは[width="300"])

---

<hr width="300">





ラインの位置を変える(ここでは左側寄せ)
[align="left"]左側・[align="right"]右側・[align="center"]中心

---

<hr align="left" width="300">





ラインの太さを変える
(この太さは[size="30"])

---

<hr size="30">





ラインの色、長さ、太さを変える

---

<hr color="#ff00ff" width="300" size="30">





ラインのスタイルを変える
([color]は#000000(黒)にしてあります)

点線[dotted]

---

<hr style="border:dotted;color:カラーコード;">

破線[dashed]

---

<hr style="border:dashed;color:カラーコード;">

二重線[double]
(このラインに限り分かり難いので[size="10"]にしてあります)

---

<hr size="10" style="border:double;color:カラーコード;">

[点線]や[破線]を[size="10"]にすると

点線[size="10"]

---

<hr size="10" style="border:dotted;color:カラーコード;">

破線[size="10"]

---

<hr size="10" style="border:dashed;color:カラーコード;">



スタイル、色、長さを変える

---

<hr style="border:dotted;color:カラーコード;width:300;">



[marquee]+[hr]でラインを流す

---

<marquee> <hr style="border:dotted;color:カラーコード;"> </marquee>





フィルターライン
(フィルターページと合わせてご覧下さい)

縁取りフィルターライン
(フィルターラインは[size="10"]ぐらいの太さでなければ見え難い)

---

<hr size="10" style="filter:glow(color=カラーコード);">


透明フィルターライン

---

<hr size="10" color="カラーコード" style="filter:Alpha(opacity=10);">


波フィルターライン

---

<hr size="10" color="カラーコード" style="filter:wave(freq=2,Strength=3,);">


波フィルターライン(応用)

---

<hr size="100" color="ffffff" style="filter:wave(freq=6,Strength=3,);">


にじみフィルターライン

---

<hr size="10" color="カラーコード" style="filter:Blur(add=0,direction=315,strength=10)">



[縁取りフィルター]+[点線]
(フィルタの色が[ff00ff]薄いピンク、点線の色が[ffffff]白)

---

<hr size="5" color="点線のカラー" style="border:dotted;filter:glow(color=フィルターのカラー);">


[透明フィルター]+[破線]

---

<hr size="3" color="カラーコード" style="border:dashed;filter:Alpha(opacity=10);">



ラインに画像
ラインの画像が表示されないときは縦幅、横幅の数字を大きくして調節して下さい。 <span>〜</span>の間に文字を入れるとラインの上に文字をのせることができます。 <span style="background-image:url(画像URL);width:横幅;height:縦幅;"></span>
ライン画像は素材屋カララバ様よりお借りしました。
この画像を使用したいときは必ず素材屋カララバ様よりダウンロードして下さい。