264246 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

サンプル・14

テーブル見本

★ サンプル・14 ★

行ごとに背景色を設定したテーブル

1行目は黄色、2行目はオレンジ、3行目は赤を設定

(ソース)
<TABLE border="2">
<TR bgcolor="#ffff00">
<TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR bgcolor="#ff9900">
<TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR bgcolor="#ff0000">
<TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE>


(表示例)
1行1列め1行2列め1行3列め
2行1列め2行2列め2行3列め
3行1列め3行2列め3行3列め



上のソースで、border属性の値を「0」にし、cellspacing属性
で枠線の幅を広くすると、次のようなテーブルになるよ。

(ソース)
<TABLE border="0" cellspacing="10">
<TR bgcolor="#ffff00">
<TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR bgcolor="#ff9900">
<TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR bgcolor="#ff0000">
<TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE>


(表示例)
1行1列め1行2列め1行3列め
2行1列め2行2列め2行3列め
3行1列め3行2列め3行3列め


© Rakuten Group, Inc.