ここでは画像を使ったテーブルの設置方法を説明していきます。
HTMLのテーブルではできないような可愛いテーブルも設置できます。
画像を使ったテーブルは、
9つのセルで構成されていて、下記のようなに構成されてます。
1.gif |
2.gif |
3.gif |
4.gif |
本文セル #ffffff |
5.gif |
6.gif |
7.gif |
8.gif |
ダウンロードすると8枚の画像が同封されています。
※画像を保存する場合はテーブルのタグを書いているファイルと同じ場所に保存して下さい
画像名が上記の時の設置方法の説明を書きます
※画像名はテーブルによって変わりますので画像名をを変更して下さい。
貼り付ける場所は<body>〜</body>
本文セルの所は画像と同じ色を指定します。
ただし透過しているテーブルのときは背景色は指定しません。
下記タグをコピーしてお使い下さい。
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img src="1.gif" border="0"></td>
<td background="2.gif"></td>
<td><img src="3.gif" border="0"></td>
</tr>
<tr>
<td background="4.gif"></td>
<td bgcolor="#ffffff" width="200" height="100">
</td>
<td background="5.gif"></td>
</tr>
<tr>
<td><img src="6.gif" border="0"></td>
<td background="7.gif"></td>
<td><img src="8.gif" border="0"></td>
</tr>
</tbody>
</table>
bgcolor="#ffffff"書き込めるところのセルの背景色です
width="200" height="100"本文セルのサイズです
テーブルのサイズはここで指定
設置完了! お疲れ様でした。 |
||