下線の種類

*** アンダーラインの種類 ***

今日も、ココ楽天広場で、スタイルシートと同じ効果が出来るタグを紹介していきま す♪

前回書いた『枠の種類』を利用して、下線を変えてみましょう♪ここで使うタグは、

<font style="border-bottom-style:★線の種類;border-color:色名;">
★ここに文★
</font>

上記のタグを使って、種類を点線にした場合、こんな感じになります。
便箋みたいでしょう?(^-^)
改行しても、文が続く限り 同じ下線が付きますが、
初めの行に上付き設定や、 行間隔を調整するタグを入れて、
工夫してみて下さいネ♪

線の種類
dotted
点線
groove
くぼみ線
ridge
浮き上がり線
dashed
破線
double
二重線
inset
IN
outset
OUT
line-height:☆px;
(行の高さ)
☆の所に数字を入れる
(ここでは25px)
border-top-style:★;
上線
border-bottom-style:★;
下線

※上線・下線を合わせる時は、『;』で繋ぎます。↓

<font style="border-top-style:★;border-bottom-style:★;
border-color:色;line-height:☆px;">

なので、初めの行に上下の線を付けるタグを入れ、(ここまで) 次の行(ここ)からは、下線だけのタグを入れて
改行<br>するだけで、便箋風になります…
(/fontで締めくくるまで)

わかったかな?ややこしいので、コピーして使って下さい...(^^ゞ



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