<!--上部テーブル開始-->
<table width="700" border="0" cellspacing="6" cellpadding="4" style="border:1px solid #99ccff;">
<!--テーブルタイトルの行--> <tr> <td align="center" bgcolor="#99CCFF">　<font color="#FFFFFF">■</font>　<font color="#33CCFF">*** </font><font color="#FFFFFF">　■　</font><font color="#33CCFF">*** </font><font color="#FFFFFF">　■</font>　　　<strong> ページの題名 </strong>　　　　　<font color="#FFFFFF">■</font>　<font color="#33CCFF">***</font><font color="#FFFFFF">　■　</font><font color="#33CCFF">***</font><font color="#FFFFFF">　■</font></font></td></tr>
<!--テーブルタイトル　ここまで-->
<!--説明を入れる行-->
<tr> <td bgcolor="#FFFFFF"><font color="#33CCFF">■</font> ページの説明、コンセプトなどフリーで何行でも </td></tr>
<!--説明の行　ここまで-->
<!--商品紹介スペース　ここから-->
<tr><td>
<table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="center" valign="middle" bgcolor="#FFFFFF">
<td width="20%" height="90" style="border:1px solid #99ccff;"> @1 </td>
<td width="20%" height="90" style="border:1px solid #99ccff;"> @2 </td>
<td width="20%" height="90" style="border:1px solid #99ccff;"> @3 </td>
<td width="20%" height="90" style="border:1px solid #99ccff;"> @4 </td>
<td width="20%" height="90" style="border:1px solid #99ccff;"> @5 </td>
</tr><tr align="left" valign="top" bgcolor="#FFFFFF">
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト１ </td>
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト２ </td>
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト３ </td>
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト４ </td>
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト５ </td>
</tr> </table>
</td></tr> </table>
<!--商品紹介スペース　ここまで-->
<!--上部テーブル　終了-->
<!--テーブルとテーブルの間のスペース　ここから-->
<br>
<!--テーブルとテーブルの間のスペース　ここまで-->
<!--下部　テーブル　ここから-->
<table width="700" border="0" cellspacing="6" cellpadding="4" style="border:1px solid #99ccff;"> <tr> <td>
<!--商品紹介スペース　ここから-->
<table width="100%" border="0" cellspacing="6" cellpadding="4"> <tr align="center" valign="middle" bgcolor="#FFFFFF">
<td width="20%" height="90" style="border:1px solid #99ccff;"> @6 </td>
<td width="20%" height="90" style="border:1px solid #99ccff;"> @7 </td>
<td width="20%" height="90" style="border:1px solid #99ccff;"> @8 </td>
<td width="20%" height="90" style="border:1px solid #99ccff;"> @9 </td>
<td width="20%" height="90" style="border:1px solid #99ccff;"> @10 </td>
</tr> <tr align="left" valign="top" bgcolor="#FFFFFF">
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト6 </td>
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト7 </td>
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト8 </td>
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト9 </td>
<td width="20%" style="border-bottom:1px solid #99ccff;"> 説明テキスト10 </td>
</tr> </table>
<!--商品紹介スペース　ここまで-->
</td></tr> </table>
<!--下部テーブル　ここまで-->

*　全体の色を変える場合は #〇〇〇〇〇〇を全て好みのカラーコードに変えればOKです。

⇒ カラーコード一覧

* <br> で、上下二つのテーブルに別れています。組み合わせを自由に変更して使えます。


*　幅を変えるには、 width="700" の数値を変えます。

*　

*　

*