多目的枠（tableタグ）

トップページ	利用規約	掲示板	サーバー紹介	レンタル紹介	素材屋紹介	リンクする	相互リンク
アフィリエイト	初心者	HTML	TABLEタグ	スタイルシート	色の見本	タグ練習	タグ辞典

改造するポイント

border	…	tableタグで線を表示するときに使う。消すと透明になる。
cellpadding="数"	…	中身の余白を数字で指定（table部分に記述）

追加するポイント

cellspacing="数"	…	枠線の太さを数字で指定（table部分に記述）
width="数"	…	枠の横幅を指定できます。
height="数"	…	枠の縦幅を指定できます。
bgcolor="色"	…	指定した色に変更できます。
align="位置"	…	横の表示位置を指定。left(左) center(中) right(左)
valign="位置"	…	縦の表示位置を指定。top(上) bottom(下)
background="画像"	…	画像名を指定すると敷き詰められます。
<td>～</td>	…	この部分を増やすと、枠を横に増やせます。
<tr><td>～</td></tr>	…	この部分を増やすと、枠を縦に増やせます。

多目的枠

文字

この部分をコピーして使用して下さい

文字

この部分をコピーして使用して下さい

<table cellpadding="2">
<tr>
<td align="right">

</td>
<td>

</td>
</tr>
<tr>
<td align="right">

</td>
<td>

</td>
</tr>
<tr>
<td align="right">

</td>
<td>

</td>
</tr>
<tr>
<td align="right">

</td>
<td>

</td>
</tr>
<tr>
<td align="right">

</td>
<td>

</td>
</tr>
</table>

文字

この部分をコピーして使用して下さい

文字

この部分をコピーして使用して下さい

文字

この部分をコピーして使用して下さい

<table cellpadding="1">
<tr>
<td align="right">

</td>
<td>

</td>
</tr>
<tr>
<td align="right">

</td>
<td>

</td>
</tr>
<tr>
<td colspan="2" align="center">

</td>
</tr>
<tr>
<td align="right">

</td>
<td>

</td>
</tr>
<tr>
<td align="right">

</td>
<td>

</td>
</tr>
</table>

文字

この部分をコピーして使用して下さい

文字

この部分をコピーして使用して下さい

文字

この部分をコピーして使用して下さい