サンプル・14

テーブル見本

★　サンプル・14　★

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

１行目は黄色、２行目はオレンジ、３行目は赤を設定

（ソース）
<TABLE border="2">
<TR bgcolor="#ffff00">
<TD>１行１列め</TD><TD>１行２列め</TD><TD>１行３列め</TD></TR>
<TR bgcolor="#ff9900">
<TD>２行１列め</TD><TD>２行２列め</TD><TD>２行３列め</TD></TR>
<TR bgcolor="#ff0000">
<TD>３行１列め</TD><TD>３行２列め</TD><TD>３行３列め</TD></TR>
</TABLE>


１行１列め １行２列め １行３列め
（表示例）
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め


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

（ソース）
<TABLE border="0" cellspacing="10">
<TR bgcolor="#ffff00">
<TD>１行１列め</TD><TD>１行２列め</TD><TD>１行３列め</TD></TR>
<TR bgcolor="#ff9900">
<TD>２行１列め</TD><TD>２行２列め</TD><TD>２行３列め</TD></TR>
<TR bgcolor="#ff0000">
<TD>３行１列め</TD><TD>３行２列め</TD><TD>３行３列め</TD></TR>
</TABLE>


１行１列め １行２列め １行３列め
（表示例）
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め

© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
    Share by: