テーブル素材背景色任意のテーブル素材 >角を丸くしたテーブル60色  

カーソルを置くと背景色が変化します

テーブルに設定するとこのようになります

文字エリアに対応して
縦横が変化します。

任意の背景色や背景画像が
使用できます。

この素材は5つのユニットを

3行3列のテーブルに下記のように設定します。

1 左上のコーナー画像として指定する。

2 右上のコーナー画像として指定する。

3 左下のコーナー画像として指定する。

4 右下のコーナー画像として指定する。

5 背景に指定する。

1 5 2
5 5 5
3 5 4

テーブル素材を指定するHTMLの例

<TABLE border="0" cellpadding="0" cellspacing="0">
<TBODY>

<TR>
<TD><IMG src="左上の画像URL" width="20" height="20" border="0"></TD>
<TD background="背景の画像URL"></TD>
<TD><IMG src="右上の画像URL" width="20" height="20" border="0"></TD>
</TR>

<TR>
<TD background="背景の画像URL"></TD>
<TD background="背景の画像URL">
<p>〜〜〜文章など〜〜〜</p>
</TD>
<TD background="背景の画像URL"></TD>
</TR>

<TR>
<TD><IMG src="左下の画像URL" width="20" height="20" border="0"></TD>
<TD background="背景の画像URL"></TD>
<TD><IMG src="右下の画像URL" width="20" height="20" border="0"></TD>
</TR>

</TBODY>
</TABLE>


応用例-1

四隅の画像サイズを変えて表示すると

また異なったテーブルが表現できます。

これは20x20サイズの元画像を

10x10に指定してあります。


<IMG src="左上の画像URL" width="10" height="10" border="0">
<IMG src="右上の画像URL" width="10" height="10" border="0">
<IMG src="左下の画像URL" width="10" height="10" border="0">
<IMG src="右下の画像URL" width="10" height="10" border="0">

「width」「height」の数字を書き換えることで、同じ画像であっても、サイズが異なって表示されます。

これは20x20サイズの元画像を

30x20に指定してあります。

       


応用例-2

素材の色を変えて

カラフルなテーブルを作ることも

できます