タグ見本

←もどる パーツ一覧
ここに文字が入ります

<TABLE cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD><IMG src="ta-cobo03.gif" width="200" height="20"></TD>
</TR>
<TR>
<TD bgcolor="#94c694" height="100" width="200">ここに文字が入ります</TD>
</TR>
<TR>
<TD><IMG src="ta-cobo04.gif" width="200" height="20"></TD>
</TR>
</TBODY>
</TABLE>
赤い数字 :文字が入る部分のセルの高さに合わせて、数値を変えてください

青い数字 :文字が入るセルの背景色です。
        
紫色の数字 :文字の入るセルの幅を固定する数値です。
         小さい表は、幅200、大きい表は幅400に、指定してください。
● 応用編

余白を指定したい場合のタグ見本です。
上記のように基本的なタグだけだと、セルの中に余白がないため、文字が、びっちりと、詰まったようになってしまいます。

そのための一工夫です。
     ↓

このように、テーブルをもうひとつ追加すると、セルの中に余白を指定することができます。
<TABLE cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD><IMG src="ta-cobo03.gif" width="200" height="20"></TD>
</TR>
<TR>
<TD bgcolor="#94c694" height="100" width="200">
<TABLE cellpadding="10">
<TBODY>
<TR>
<TD>ここに文字が入ります</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD><IMG src="ta-cobo04.gif" width="200" height="20"></TD>
</TR>
</TBODY>
</TABLE>
緑の文字 :セル内の余白を表す数値です。好きな数値に設定してください。

copyright(C)2007 Anne all rights reserved
Anne's small box