文字に色々な効果をつける。


文字にアレンジをする技の紹介です。
文字の周りには色々な線を入れることができます。


下に点線

<span style="border-bottom:dotted 点線の太さpx 点線の色">ここに文字</span>

上に点線

<span style="border-top:dotted 点線の太さpx 点線の色">ここに文字</span>

右に点線

<span style="border-right:dotted 点線の太さpx 点線の色">ここに文字</span>

左に点線

<span style="border-left:dotted 点線の太さpx 点線の色">ここに文字</span>

点線で囲ったり

<span style="border:dotted 点線の太さpx 点線の色">ここに文字</span>

またまた囲ったり

<span style="border:dashed 点線の太さpx 点線の色">ここに文字</span>

実線で囲ったり

<span style="border:solid 線の太さpx 線の色">ここに文字</span>

二重線で囲ったり

<span style="border:double 線の太さpx 線の色">ここに文字</span>

下に二重線

<span style="border-bottom:double 線の太さpx 線の色">ここに文字</span>

くぼんだ線

<span style="border:groove 線の太さpx 線の色">ここに文字</span>

浮き上がる線

<span style="border:ridge 線の太さpx 線の色">ここに文字</span>