☆ テーブルの角を丸くする ☆


	テーブルの角を丸くすると、ちょっとおしゃれな感じ。四隅に画像を使って、角の丸いテーブルを作ってみよう！

■ テーブル素材

これらの４つのテーブル素材を使って角の丸いテーブルを作ります！

他の色も見てみる

画像のダウンロード

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

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

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

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


	解かりやすいように枠を表示してみました。このように、枠の四隅にテーブル素材を配置します。それ以外の枠内の色を［#e0dfff］に。

<TABLE cellspacing="0" cellpadding="0">
<TBODY>
<TR>
<TD><IMG src="tb_m_uh.gif" width="20" height="20" border="0"></TD>
<TD bgcolor="#e0dfff"></TD>
<TD><IMG src="tb_m_um.gif" width="20" height="20" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#e0dfff"></TD>
<TD bgcolor="#e0dfff"><BR>
ここに文章を記入<BR><BR>
</TD>
<TD bgcolor="#e0dfff"></TD>
</TR>
<TR>
<TD><IMG src="tb_m_sh.gif" width="20" height="20" border="0"></TD>
<TD bgcolor="#e0dfff"></TD>
<TD><IMG src="tb_m_sm.gif" width="20" height="20" border="0"></TD>
</TR>
</TBODY>
</TABLE>

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

■ 背景色が白の場合のテーブル素材

これらの４つのテーブル素材を使って角の丸いテーブルを作ります！
枠内部の色を変えるだけで、いろんな色を楽しめるよ！

画像のダウンロード

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

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

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

■ 白背景の時のテーブルタグ (cellspacing とcellpadding の値を"0"にする)


	背景色が白の時は、このテーブル素材を使うと、枠内の色を変えるだけで、色々な色のテーブルを楽しめるよ！

<TABLE cellspacing="0" cellpadding="0">
<TBODY>
<TR>
<TD bgcolor="#f1d5cd"><IMG src="tb_to_uh.gif" width="16" height="16" border="0"></TD>
<TD bgcolor="#f1d5cd"></TD>
<TD bgcolor="#f1d5cd"><IMG src="tb_to_um.gif" width="16" height="16" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#f1d5cd"></TD>
<TD bgcolor="#f1d5cd"><BR>
ここに文章を記入<BR><BR>
</TD>
<TD bgcolor="#f1d5cd"></TD>
</TR>
<TR>
<TD bgcolor="#f1d5cd"><IMG src="tb_to_sh.gif" width="16" height="16" border="0"></TD>
<TD bgcolor="#f1d5cd"></TD>
<TD bgcolor="#f1d5cd"><IMG src="tb_to_sm.gif" width="16" height="16" border="0"></TD>
</TR>
</TBODY>
</TABLE>


	「何箇所も色の指定するのが面倒くさいよ～。｣というものぐささんにはこちら。一ヶ所のみの色設定でＯＫ！

<TABLE bgcolor="#e1e1f0" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD>
<TABLE cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD><IMG src="tb_to_uh.gif" width="16" height="16" border="0"></TD>
<TD></TD>
<TD><IMG src="tb_to_um.gif" width="16" height="16" border="0"></TD>
</TR>
<TR>
<TD></TD>
<TD>ここに文章を記入</TD>
<TD></TD>
</TR>
<TR>
<TD><IMG src="tb_to_sh.gif" width="16" height="16" border="0"></TD>
<TD></TD>
<TD><IMG src="tb_to_sm.gif" width="16" height="16" border="0"></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>


	枠の高さの幅を指定する場合 width="幅" height="高さ"

<TABLE bgcolor="#e1e1f0" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD>
<TABLE cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD><IMG src="tb_to_uh.gif" width="16" height="16" border="0"></TD>
<TD></TD>
<TD><IMG src="tb_to_um.gif" width="16" height="16" border="0"></TD>
</TR>
<TR>
<TD></TD>
<TD width="200" height="100">ここに文章を記入</TD>
<TD></TD>
</TR>
<TR>
<TD><IMG src="tb_to_sh.gif" width="16" height="16" border="0"></TD>
<TD></TD>
<TD><IMG src="tb_to_sm.gif" width="16" height="16" border="0"></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>