
	色付き背景専用テーブルです。（色を変えてもOKだよ～。）小さい方の画像を組み合わせて適当にサイズの変更してね。上→0tu1.gif 右上角0tmu.gif 右→0tm1.gif 右下→0tmd.gif 左上角→0thu.gif 左→0th1.gif 左下角→0thd.gif 下→0td1.gif

このタグを<BODY></BODY>の中に貼りつけてください。隙間がなくなります。

<TABLE cellpadding="0" cellspacing="0">
  <TBODY>
    <TR>
      <TD width="10" height="10"><IMG src="0thu.gif" width="10" height="10" border="0"></TD>
      <TD width="308" height="10"><IMG src="0tu1.gif" width="308" height="10" border="0"></TD>
      <TD width="10" height="10"><IMG src="0tmu.gif" width="10" height="10" border="0"></TD>
    </TR>
    <TR>
      <TD width="10" height="307"><IMG src="0th1.gif" width="10" height="307" border="0"></TD>
      <TD style="background-color : white;background-image : url(http://ご自分のURL/壁紙画像.gif);" align="center" width="308" height="307">ここに文字を入れてね。</TD>
      <TD width="10" height="307"><IMG src="0tm1.gif" width="10" height="307" border="0"></TD>
    </TR>
    <TR>
      <TD width="10" height="10"><IMG src="0thd.gif" width="10" height="10" border="0"></TD>
      <TD width="308" height="10"><IMG src="0td1.gif" width="308" height="10" border="0"></TD>
      <TD width="10" height="10"><IMG src="0tmd.gif" width="10" height="10" border="0"></TD>
    </TR>
  </TBODY>
</TABLE>


	上→0tu.gif、右→0tm.gif 左→0th.gif、下→0td.gif すべての角は上のgif名と同じです。

<TABLE cellpadding="0" cellspacing="0">
  <TBODY>
    <TR>
      <TD width="10" height="10"><IMG src="0thu.gif" width="10" height="10" border="0"></TD>
      <TD width="180" height="10"><IMG src="0tu.gif" width="36" height="10" border="0"><IMG src="0tu.gif" width="36" height="10" border="0"><IMG src="0tu.gif" width="36" height="10" border="0"><IMG src="0tu.gif" width="36" height="10" border="0"><IMG src="0tu.gif" width="36" height="10" border="0"></TD>
      <TD width="10" height="10"><IMG src="0tmu.gif" width="10" height="10" border="0"></TD>
    </TR>
    <TR>
      <TD width="10" height="153"><IMG src="0th.gif" width="10" height="153" border="0"></TD>
      <TD style="background-color : white;background-image : url(http://ご自分のURL/壁紙画像.gif);" width="180" height="153" align="center">ここに文字を入れてね。</TD>
      <TD width="10" height="153"><IMG src="0tm.gif" width="10" height="153" border="0"></TD>
    </TR>
    <TR>
      <TD width="10" height="10"><IMG src="0thd.gif" width="10" height="10" border="0"></TD>
      <TD width="180" height="10"><IMG src="0td.gif" width="36" height="10" border="0"><IMG src="0td.gif" width="36" height="10" border="0"><IMG src="0td.gif" width="36" height="10" border="0"><IMG src="0td.gif" width="36" height="10" border="0"><IMG src="0td.gif" width="36" height="10" border="0"></TD>
      <TD><IMG src="0tmd.gif" width="10" height="10" border="0"></TD>
    </TR>
  </TBODY>
</TABLE>

上のテーブルを小さい方の画像と組み合わせて横長にするには、
<IMG src="0tu1.gif" width="308" height="10" border="0">このタグの後ろに<IMG src="0tu.gif" width="36" height="10" border="0">このタグ。
<IMG src="0td1.gif" width="308" height="10" border="0">このタグの後ろに<IMG src="0td.gif" width="36" height="10" border="0">このタグ。
後ろのタグを付け足した数×36+180をすべての<TD>の中のwidth="308"の308と書き換えてください。

縦長にしていくには、
<IMG src="0th1.gif" width="10" height="307" border="0">このタグの後ろに<IMG src="0th.gif" width="10" height="153" border="0">このタグ。
<IMG src="0tm1.gif" width="10" height="307" border="0">このタグの後ろに<IMG src="0tm.gif" width="10" height="153" border="0">このタグ。
後ろのタグを付け足した数×153をすべての<TD>の中のheight="307"の307と書き換えてください。

わけわからん！という方はタグのままのサイズでお使いください。