サンプル・８

テーブル見本

★　サンプル・８　★

１．背景色をつけたテーブル

（ソース）

<TABLE border="2" bgcolor="#00ff00">
　<TR><TD>１行１列め</TD><TD>１行２列め</TD><TD>１行３列め</TD></TR>
　<TR><TD>２行１列め</TD><TD>２行２列め</TD><TD>２行３列め</TD></TR>
　<TR><TD>３行１列め</TD><TD>３行２列め</TD><TD>３行３列め</TD></TR>
</TABLE>

（表示例）

１行１列め １行２列め １行３列め
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め
※　上のソース部分も、テーブルを使ってレイアウトしてます。
セルが一つだけの単純なテーブルをテキストボックスとして使い、これに色をつけているわけですね。


２．背景に画像を設定したテーブル

（ソース）

<TABLE border="2" background="image/wall.jpg" width="300" height="300">
　<TR><TD>１行１列め</TD><TD>１行２列め</TD><TD>１行３列め</TD></TR>
　<TR><TD>２行１列め</TD><TD>２行２列め</TD><TD>２行３列め</TD></TR>
　<TR><TD>３行１列め</TD><TD>３行２列め</TD><TD>３行３列め</TD></TR>
</TABLE>

（表示例）

１行１列め １行２列め １行３列め
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め

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