
	テーブル装飾とは、テーブルのセルに背景画像を設定して柄や枠などのデザイン装飾をするための画像セットです。少なくとも、縦横3つずつの9つのセルを使います。右上・左上・右下・下真ん中・左下は背景画像をノーリピートで固定し、それ以外のセルはは背景リピート設定をしているのでサイズを自由に変えてもデザインは崩れません（柄は多少乱れますご了承ください。）このテーブルの背景色は#f2ffb0です。

01：緑＋レモンイエロー⇒ダウンロード[ZIPファイル]


	テーブルの横幅によっては枠のデザインが少し崩れる可能性がありますが、あまりそういうのが気にならないデザインにはしましたので、そこは要所要所で調整していただけると助かります。背景色：#bdb0ff

02：赤紫＋薄紫⇒ダウンロード[ZIPファイル]


	空のセルに入っている＆nbsp;という文字は消さないでお使いください。背景色：#ffd7b0

03：緑＋ベージュ⇒ダウンロード[ZIPファイル]


	文字だけではなく画像などを入れる場合は、必要に応じてpaddingの設定をしてください。背景色：#b0ffeb

04：紺＋水色⇒ダウンロード[ZIPファイル]


	下のテキストエリアはクリックすると自動で文章を選択できます。背景色：#ebc3c3

05：茶色＋ピンク⇒ダウンロード[ZIPファイル]

CSS

<style type="text/css">
table,
table tr,
table td{
	border-collapse:collapse;
	border:none;
	}
</style>

HTML

<table>
<tr>
<td width="45" height="42" style="background:url(画像URL1) no-repeat;">&nbsp;</td>
<td style="background:url(画像URL2) repeat-x;">&nbsp;</td>
<td width="45" style="background:url(画像URL3) no-repeat;">&nbsp;</td>
</tr>
<tr>
<td style="background:url(画像URL4) repeat-y;">&nbsp;</td>
<td style="background:#ebc3c3;">ここに本文を入力してください。
</td>
<td style="background:url(画像URL5) repeat-y;">&nbsp;</td>
</tr>
<tr>
<td height="46" style="background:url(画像URL6) no-repeat;">&nbsp;</td>
<td style="background:url(画像URL7) repeat-x;">&nbsp;</td>
<td style="background:url(画像URL8) no-repeat;">&nbsp;</td>
</tr>
</table>