テーブル素材　～テーブルの角を丸くしよう！～

☆ テーブル素材の色違い ☆

数は少ないけれど、テーブル素材の色違いです。素材をダウンロードしてタグをコピーすればＯＫ！
テーブル素材をＨＴＭＬと同じフォルダに保存すればラクラク♪

back

■ テーブル素材のダウンロード

画像のダウンロード

　◇ テーブル素材の上で右クリック！

　◇ 【名前を付けて画像を保存】を選択

　◇ マイドキュメント等、適当な保存場所で【保存】をクリック！

■ ピンク (cellspacing とcellpadding の値を"0"にする)

<TABLE cellspacing="0" cellpadding="0">
<TBODY>
<TR>
<TD><IMG src="tb_p_uh.gif" width="20" height="20" border="0"></TD>
<TD bgcolor="#ffcece"></TD>
<TD><IMG src="tb_p_um.gif" width="20" height="20" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#ffcece"></TD>
<TD bgcolor="#ffcece"><BR>
ここに文章を記入<BR><BR>
</TD>
<TD bgcolor="#ffcece"></TD>
</TR>
<TR>
<TD><IMG src="tb_p_sh.gif" width="20" height="20" border="0"></TD>
<TD bgcolor="#ffcece"></TD>
<TD><IMG src="tb_p_sm.gif" width="20" height="20" border="0"></TD>
</TR>
</TBODY>
</TABLE>

*・・・・・***・・・・・*　　Ｐ　Ｒ　　*・・・・・***・・・・・*

■ サーモンピンク (cellspacing とcellpadding の値を"0"にする)

<TABLE cellspacing="0" cellpadding="0">
<TBODY>
<TR>
<TD><IMG src="tb_r_uh.gif" width="20" height="20" border="0"></TD>
<TD bgcolor="#f7b6a5"></TD>
<TD><IMG src="tb_r_um.gif" width="20" height="20" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#f7b6a5"></TD>
<TD bgcolor="#f7b6a5"><BR>
ここに文章を記入<BR><BR>
</TD>
<TD bgcolor="#f7b6a5"></TD>
</TR>
<TR>
<TD><IMG src="tb_r_sh.gif" width="20" height="20" border="0"></TD>
<TD bgcolor="#f7b6a5"></TD>
<TD><IMG src="tb_r_sm.gif" width="20" height="20" border="0"></TD>
</TR>
</TBODY>
</TABLE>

■ ブルー (cellspacing とcellpadding の値を"0"にする)

<TABLE cellspacing="0" cellpadding="0">
<TBODY>
<TR>
<TD><IMG src="tb_km_uh.gif" width="20" height="20" border="0"></TD>
<TD bgcolor="#d3bafa"></TD>
<TD><IMG src="tb_km_um.gif" width="20" height="20" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#d3bafa"></TD>
<TD bgcolor="#d3bafa"><BR>
ここに文章を記入<BR><BR>
</TD>
<TD bgcolor="#d3bafa"></TD>
</TR>
<TR>
<TD><IMG src="tb_km_sh.gif" width="20" height="20" border="0"></TD>
<TD bgcolor="#d3bafa"></TD>
<TD><IMG src="tb_km_sm.gif" width="20" height="20" border="0"></TD>
</TR>
</TBODY>
</TABLE>