阪神タイガース　　われら猛虎党

テーブルの基本＆カラーテーブル

おじぎ妖精

テーブルを作成


　↓　サンプル




　↓　タグ


<TABLE BGCOLOR=" #000000 " cellspacing="1" WIDTH="200" HEIGHT="50"> <TR BGCOLOR=" #FFFFFF" ><TD> 文章を記入 </TD></TR> </TABLE>

　↓　変更する所


#FFFFFF 　サンプルは白背景色を使用しています！
　　　　　　　お好みの色に変更して下さいね♪

#000000 　サンプルは黒色の枠を使用しています！
　　　　　　　お好みの色に変更して下さいね♪


テーブルの枠の形状を変更


　↓　サンプル




　↓　タグ


<TABLE BORDERCOLOR=" #FF0000 " style="border-style: dotted " WIDTH="200" HEIGHT="50"> <TR BGCOLOR="#FFFFFF"><TD> 文章を記入 </TD></TR> </TABLE>

　↓　変更する所


#FF0000 　　テーブルの枠の色！
　　　　　　　お好みの色に変更して下さいね♪

dotted 　　テーブルの枠の形状！

　↓　その他の詳細（形状サンプル）


solid




double




dashed




hidden　線を見えなくする



テーブルに背景画像を設定する


　↓　サンプル


背景画像付き


　↓　タグ


<TABLE BACKGROUND=" http://・・・・・.gif " WIDTH="200" HEIGHT="50" border="2"> <TR><TD> 背景画像付き </TD></TR> </TABLE>

　↓　変更する所


http://・・・・・.gif 　画像のＵＲＬ！
　　　　　　　　　　　好きな画像のＵＲＬを記入して下さいね！



カラーテーブルを作成


サンプル
この↓タグをコピーして貼りつけてみてね( ^ー゜）b
* * *
* ここに文字 *
* * *
<table cellspacing="0"> <tr><td bgcolor="#ffbbbb" width="20" height="20"> </td><td bgcolor="#ffcccc"> </td><td bgcolor="#ffbbbb" width="20" height="20"> </td></tr><tr><td bgcolor="#ffcccc" width="20"> </td><td bgcolor="#ffdddd"> <br>ここに文字<br><br> </td><td bgcolor="#ffcccc" width="20"> </td></tr><tr><td bgcolor="#ffbbbb" width="20" height="20"> </td><td bgcolor="#ffcccc"> </td><td bgcolor="#ffbbbb" width="20" height="20"> </td></tr></table>
* * *
* ここに文字 *
* * *
<table cellspacing="0"> <tr><td bgcolor="#99ff99" width="20" height="20"> </td><td bgcolor="#bbffbb"> </td><td bgcolor="#99ff99" width="20" height="20"> </td></tr><tr><td bgcolor="#bbffbb" width="20"> </td><td bgcolor="#ddffdd"> <br>ここに文字<br><br> </td><td bgcolor="#bbffbb" width="20"> </td></tr><tr><td bgcolor="#99ff99" width="20" height="20"> </td><td bgcolor="#bbffbb"> </td><td bgcolor="#99ff99" width="20" height="20"> </td></tr></table>
* * *
* ここに文字 *
* * *
<table cellspacing="0"> <tr><td bgcolor="#aaaaff" width="20" height="20"> </td><td bgcolor="#bbbbff"> </td><td bgcolor="#aaaaff" width="20" height="20"> </td></tr><tr><td bgcolor="#bbbbff" width="20"> </td><td bgcolor="#ddddff"> <br>ここに文字<br><br> </td><td bgcolor="#bbbbff" width="20"> </td></tr><tr><td bgcolor="#aaaaff" width="20" height="20"> </td><td bgcolor="#bbbbff"> </td><td bgcolor="#aaaaff" width="20" height="20"> </td></tr></table>
* * *
* ここに文字 *
* * *
<table cellspacing="0"> <tr><td bgcolor="#ccaaff" width="20" height="20"> </td><td bgcolor="#ddbbff"> </td><td bgcolor="#ccaaff" width="20" height="20"> </td></tr><tr><td bgcolor="#ddbbff" width="20"> </td><td bgcolor="#eeddff"> <br>ここに文字<br><br> </td><td bgcolor="#ddbbff" width="20"> </td></tr><tr><td bgcolor="#ccaaff" width="20" height="20"> </td><td bgcolor="#ddbbff"> </td><td bgcolor="#ccaaff" width="20" height="20"> </td></tr></table>
* * *
* ここに文字 *
* * *
<table cellspacing="0"> <tr><td bgcolor="#ffccaa" width="20" height="20"> </td><td bgcolor="#ffddbb"> </td><td bgcolor="#ffccaa" width="20" height="20"> </td></tr><tr><td bgcolor="#ffddbb" width="20"> </td><td bgcolor="#ffeecc"> <br>ここに文字<br><br> </td><td bgcolor="#ffddbb" width="20"> </td></tr><tr><td bgcolor="#ffccaa" width="20" height="20"> </td><td bgcolor="#ffddbb"> </td><td bgcolor="#ffccaa" width="20" height="20"> </td></tr></table>
* * *
* ここに文字 *
* * *
<table cellspacing="0"> <tr><td bgcolor="#ffefaa" width="20" height="20"> </td><td bgcolor="#fff7cc"> </td><td bgcolor="#ffefaa" width="20" height="20"> </td></tr><tr><td bgcolor="#fff7cc" width="20"> </td><td bgcolor="#fffaee"> <br>ここに文字<br><br> </td><td bgcolor="#fff7cc" width="20"> </td></tr><tr><td bgcolor="#ffefaa" width="20" height="20"> </td><td bgcolor="#fff7cc"> </td><td bgcolor="#ffefaa" width="20" height="20"> </td></tr></table>
* * *
* ここに文字 *
* * *
<table cellspacing="0"> <tr><td bgcolor="#ffccdd" width="20" height="20"> </td><td bgcolor="#ffddee"> </td><td bgcolor="#ffccdd" width="20" height="20"> </td></tr><tr><td bgcolor="#ffddee" width="20"> </td><td bgcolor="#ffeeff"> <br>ここに文字<br><br> </td><td bgcolor="#ffddee" width="20"> </td></tr><tr><td bgcolor="#ffccdd" width="20" height="20"> </td><td bgcolor="#ffddee"> </td><td bgcolor="#ffccdd" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#aa5555" cellspacing="1"> <tr><td bgcolor="#ffbbbb" width="20" height="20"> </td><td bgcolor="#ffcccc"> </td><td bgcolor="#ffbbbb" width="20" height="20"> </td></tr><tr><td bgcolor="#ffcccc" width="20"> </td><td bgcolor="#ffdddd"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#ffcccc" width="20"> </td></tr><tr><td bgcolor="#ffbbbb" width="20" height="20"> </td><td bgcolor="#ffcccc"> </td><td bgcolor="#ffbbbb" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#aa5555" cellspacing="1"> <tr><td bgcolor="#ffccbb" width="20" height="20"> </td><td bgcolor="#ffddcc"> </td><td bgcolor="#ffccbb" width="20" height="20"> </td></tr><tr><td bgcolor="#ffddcc" width="20"> </td><td bgcolor="#ffeedd"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#ffddcc" width="20"> </td></tr><tr><td bgcolor="#ffccbb" width="20" height="20"> </td><td bgcolor="#ffddcc"> </td><td bgcolor="#ffccbb" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#aa55aa" cellspacing="1"> <tr><td bgcolor="#ffccff" width="20" height="20"> </td><td bgcolor="#ffddff"> </td><td bgcolor="#ffccff" width="20" height="20"> </td></tr><tr><td bgcolor="#ffddff" width="20"> </td><td bgcolor="#ffeeff"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#ffddff" width="20"> </td></tr><tr><td bgcolor="#ffccff" width="20" height="20"> </td><td bgcolor="#ffddff"> </td><td bgcolor="#ffccff" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#8855aa" cellspacing="1"> <tr><td bgcolor="#ddccff" width="20" height="20"> </td><td bgcolor="#eeddff"> </td><td bgcolor="#ddccff" width="20" height="20"> </td></tr><tr><td bgcolor="#eeddff" width="20"> </td><td bgcolor="#faeeff"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#eeddff" width="20"> </td></tr><tr><td bgcolor="#ddccff" width="20" height="20"> </td><td bgcolor="#eeddff"> </td><td bgcolor="#ddccff" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#5555aa" cellspacing="1"> <tr><td bgcolor="#ccccff" width="20" height="20"> </td><td bgcolor="#ddddff"> </td><td bgcolor="#ccccff" width="20" height="20"> </td></tr><tr><td bgcolor="#ddddff" width="20"> </td><td bgcolor="#eeeeff"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#ddddff" width="20"> </td></tr><tr><td bgcolor="#ccccff" width="20" height="20"> </td><td bgcolor="#ddddff"> </td><td bgcolor="#ccccff" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#5588aa" cellspacing="1"> <tr><td bgcolor="#ccddff" width="20" height="20"> </td><td bgcolor="#ddeeff"> </td><td bgcolor="#ccddff" width="20" height="20"> </td></tr><tr><td bgcolor="#ddeeff" width="20"> </td><td bgcolor="#eefaff"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#ddeeff" width="20"> </td></tr><tr><td bgcolor="#ccddff" width="20" height="20"> </td><td bgcolor="#ddeeff"> </td><td bgcolor="#ccddff" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#55aa55" cellspacing="1"> <tr><td bgcolor="#cceecc" width="20" height="20"> </td><td bgcolor="#ddffdd"> </td><td bgcolor="#cceecc" width="20" height="20"> </td></tr><tr><td bgcolor="#ddffdd" width="20"> </td><td bgcolor="#eeffee"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#ddffdd" width="20"> </td></tr><tr><td bgcolor="#cceecc" width="20" height="20"> </td><td bgcolor="#ddffdd"> </td><td bgcolor="#cceecc" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#aaaa55" cellspacing="1"> <tr><td bgcolor="#eeeecc" width="20" height="20"> </td><td bgcolor="#ffffdd"> </td><td bgcolor="#eeeecc" width="20" height="20"> </td></tr><tr><td bgcolor="#ffffdd" width="20"> </td><td bgcolor="#ffffee"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#ffffdd" width="20"> </td></tr><tr><td bgcolor="#eeeecc" width="20" height="20"> </td><td bgcolor="#ffffdd"> </td><td bgcolor="#eeeecc" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#555555" cellspacing="1"> <tr><td bgcolor="#cccccc" width="20" height="20"> </td><td bgcolor="#dddddd"> </td><td bgcolor="#cccccc" width="20" height="20"> </td></tr><tr><td bgcolor="#dddddd" width="20"> </td><td bgcolor="#eeeeee"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#dddddd" width="20"> </td></tr><tr><td bgcolor="#cccccc" width="20" height="20"> </td><td bgcolor="#dddddd"> </td><td bgcolor="#cccccc" width="20" height="20"> </td></tr></table>
* * *
*
ここに文字 よそこそ いらっしゃいませ
 *
* * *
<table bgcolor="#aa5500" cellspacing="1"> <tr><td bgcolor="#ffbb66" width="20" height="20"> </td><td bgcolor="#ffccaa"> </td><td bgcolor="#ffbb66" width="20" height="20"> </td></tr><tr><td bgcolor="#ffccaa" width="20"> </td><td bgcolor="#ffffdd"> <center> ここに文字<br> よそこそ<br> いらっしゃいませ<br> </center> </td><td bgcolor="#ffccaa" width="20"> </td></tr><tr><td bgcolor="#ffbb66" width="20" height="20"> </td><td bgcolor="#ffccaa"> </td><td bgcolor="#ffbb66" width="20" height="20"> </td></tr></table>
* * *
*

応用です～♪　応用です～♪　

*
* * *
<table cellspacing="0"> <tr><td bgcolor="#ffbbbb" width="20" height="20"> </td><td bgcolor="#ffcccc"> </td><td bgcolor="#ffbbbb" width="20" height="20"> </td></tr><tr><td bgcolor="#ffcccc" width="20"> </td><td bgcolor="#ffdddd"><marquee width="100" height="00" direction="left" scrollamount=4><P style="font-size: 25pt; font-weight: bold; color: hotpink; filter: shadow(color=darkslategray,direction=120); width: 340pt;"><font face="HGP創英角ﾎﾟｯﾌﾟ体">応用です～♪　応用です～♪　</font></P></marquee></td><td bgcolor="#ffcccc" width="20"> </td></tr><tr><td bgcolor="#ffbbbb" width="20" height="20"> </td><td bgcolor="#ffcccc"> </td><td bgcolor="#ffbbbb" width="20" height="20"> </td></tr></table>

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