「テーブルに色をつける・1」の応用を、
今回はやってみたいと思います。
まず、普通に4つに分かれたテーブルを作ります。
こんなカンジです。
<TABLE BORDER="1" WIDTH="200">
<TR WIDTH="100"><TD>
●
</TD><TD>
■
</TD></TR>
<TR WIDTH="100"><TD>
○
</TD><TD>
□
</TD></TR>
</TABLE>
|
では、これに色をつけます。
まず「TABLE」と同じ「< >」のところに打つと、テーブル全体の色が変わり
ます。
<TABLE BORDER="1" WIDTH="200 BGCOLOR="#0000FF">
<TR WIDTH="100"><TD>
●
</TD><TD>
■
</TD></TR>
<TR WIDTH="100"><TD>
○
</TD><TD>
□
</TD></TR>
</TABLE>
|
上記のように打つと、次のようになります。
次に、「TR」のところだけに打ちます。
<TABLE BORDER="1" WIDTH="200">
<TR WIDTH="100" BGCOLOR="#0000FF"><TD>
●
</TD><TD>
■
</TD></TR>
<TR WIDTH="100"><TD>
○
</TD><TD>
□
</TD></TR>
</TABLE>
|
そうしますと、
こうなります。
二番目の「TR」のところにだけ打ちますと、下の段だけが色が変わります。
では次に、「TD」のところに打ちます。
<TABLE BORDER="1" WIDTH="200">
<TR WIDTH="100"><TD BGCOLOR="#0000FF">
●
</TD><TD>
■
</TD></TR>
<TR WIDTH="100"><TD>
○
</TD><TD>
□
</TD></TR>
</TABLE>
|
そうすると、
こんなカンジになりましたか??
「テーブルに色をつける・3」のページへ
|