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

文字を囲む線

《 ＨＴＭＬタグの基本知識ＩＮＤＥＸ 》

いろいろ タグ テキスト 装飾 フォント テキスト （おまけ） バナー リンクの 貼り方 アクセス アップ 水平 区切り線 文字を 囲む線 画像の枠 テーブル タグ 豆知識 色の名前 画像リンク の方法 楽天 友達の輪

《 文字を囲む線 》

・実線　→<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のところを変更します。