いろいろな枠


☆☆☆~枠~☆☆☆



◇◆◇タグはそのままコピーしてお使い下さい◇◆◇




横(80%)の二重枠です。
#0000ccは色ですのでこれを変えると色が変わります。
8px;は枠の太さです。





*上の二重の枠のタグ*


<center style="width:80%;border:double #0000CC 8px;">
ここに文章をいれます。
</center style>






枠のまわりの線を点線(丸い点線)にします。



*上の点線の枠のタグ*


<center style="width:80%;border:dotted #ff6633 5px;">
ここに文章をいれます。
</center style>






枠のまわりの線を破線(四角い点線)にします。



*上の破線の枠のタグ*


<center style="width:80%;border:dashed #996600 5px;">
ここに文章をいれます。
</center style>






枠のまわりの線を実線にします。



*上の実線の枠のタグ*


<center style="width:80%;border:solid #009966 7px;">
ここに文章をいれます。
</center style>






枠のまわりの線を立体(窪み)にします。



*上の立体(窪み)の枠のタグ*


<center style="width:80%;border:groove #ffcc99 9px;">
ここに文章をいれます。
</center style>






枠のまわりの線を立体(隆起)にします。



*上の立体(隆起)の枠のタグ*


<center style="width:80%;border:ridge #ccccff 9px;">
ここに文章をいれます。
</center style>






枠のまわりの線を立体(内側が窪み)にします。



*上の立体(内側が窪み)の枠のタグ*


<center style="width:80%;border:inset #ff66ff 9px;">
ここに文章をいれます。
</center style>






枠のまわりの線を立体(内側が隆起)にします。



*上の立体(内側が隆起)の枠のタグ*


<center style="width:80%;border:outset #99ff99 9px;">
ここに文章をいれます。
</center style>




© Rakuten Group, Inc.