再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

文字を囲む線



《 文字を囲む線 》

・実線 →<font style="border:solid"> 実線で囲まれています </font>

 実線で囲まれてます 


・破線 →<font style="border:dashed"> 破線で囲まれています </font>

 破線で囲まれてます 


・点線 →<font style="border:dotted"> 点線で囲まれています </font>

 点線で囲まれてます 


・二重線 →<font style="border:double"> 二重線で囲まれてます </font>

 二重線で囲まれてます 



《 そのほか立体的な効果 》


・枠がくぼんでる →<font style="border:groove">枠がくぼんでる</font>

枠がくぼんでる


・額縁みたい →<font style="border:ridge">額縁みたい</font>

額縁みたい


・全体がへこんでる →<font style="border:inset">へこんでる</font>

へこんでる


・全体が盛り上がってる →<font style="border:outset">盛り上がってる</font>

盛り上がってる



上記のものは、あくまでも文字を囲むタグです。
文章を囲むときはまた別のタグになりますので・・・。

※文章を囲む枠の例!

この枠のタグソースです。

<p style="width:280px;height:150px;text-align:left;padding:10px;border-style:solid;border-width:1px;border-color:#ff3399">ここに文章を書いていきます。</p>


* 枠のwidth(幅)とheight(高さ)は変更できます。好きな大きさにして下さいね。
* 枠の色を変えたい時は、border-colorのところ
* 枠の線の種類を変えたい時は、border-styleのところを変更します。






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