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

Windy Willows(CG・WEBデザイン自習室)

サンプル・8

テーブル見本

★ サンプル・8 ★

1.背景色をつけたテーブル

(ソース)

<TABLE border="2" bgcolor="#00ff00">
 <TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
 <TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
 <TR><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列め

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


2.背景に画像を設定したテーブル

(ソース)

<TABLE border="2" background="image/wall.jpg" width="300" height="300">
 <TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
 <TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
 <TR><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列め


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.