表・セルの色設定

テーブルでの色や背景色もテキストと同じようにbgcolorを使います。

<HTML>
<HEAD>
<TITLE>テーブルその3</TITLE>
</HEAD>
<BODY bgcolor="#ffffff">
<TABLE border="1" bgcolor="#cccccc">
<TR>
<TD>1列目の1行目です。</TD>
<TD bgcolor="#999999" >2列目の1行目です。</TD>
</TR>
<TR>
<TD>1列目の2行目どえす。</TD>
<TD>2列目の2行目どえす。</TD>
</TR>
<TR>
<TD>1列目の3行目どえす。</TD>
<TD>2列目の3行目どえす。</TD>
</TR>
</TABLE>
</BODY>
</HTML>

<TD bgcolor="#ff0000">・・・・・で1行目の背景色を指定しています。
<TD bgcolor="#999999">2列目の1行目です。</TD>・・・・・で該当するセルの背景色を指定しています。

 実行結果はここク リックしてください。・・・・・実 行後はブラウザの閉じるを押してここに戻ってね!
 
 次に行全体の背景色を指定してみましょう。

<HTML>
<HEAD>
<TITLE>テーブルその3</TITLE>
</HEAD>
<BODY bgcolor="#ffffff">
<TABLE border="1" bgcolor="#cccccc">
<TR bgcolor="#ff0000">
<TD>1列目の1行目です。</TD>
<TD>2列目の1行目です。</TD>
</TR>
<TR>
<TD>1列目の2行目どえす。</TD>
<TD>2列目の2行目どえす。</TD>
</TR>
<TR>
<TD>1列目の3行目どえす。</TD>
<TD>2列目の3行目どえす。</TD>
</TR>
</TABLE>
</BODY>
</HTML>
 

実行結果はここク リックしてください。・・・・・実 行後はブラウザの閉じるを押してここに戻ってね!