HOME >> HTML > テーブルの背景に色をつける

point テーブルの背景に色をつける

<TABLE bgcolor="カラー名またはRGB値" >〜</TABLE>など
テーブルの背景に色をつけるには、bgcolor属性を使います。ページ全体の背景色を指定するには、<BODY >タグにbgcolor属性をつけて背景色を指定しましたが、このbgcolor属性を<TABLE>タグにつければ、そのテーブル全体の背景色を指定することが出来ます。

また、bgcolor属性を<TR>タグにつけることでその行の背景色を、<TD>タグや<TH>タグにつけることで、そのセルのみの背景色を指定することもできます。下記の例ではテーブル全体の背景色をオレンジ色に、日付の1行を緑色に、日のセルだけを赤色に指定してます。

サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
6/36/46/5
休み学校バイト
ソース
<TABLE border="1" width="200" bgcolor="orange">
<TR bgcolor="green">
<TD>6/3</TD><TD>6/4</TD><TD>6/5</TD>
</TR>
<TR>
<TD bgcolor="red">日</TD><TD>月</TD><TD>火</TD>
</TR>
<TR>
<TD>休み</TD><TD>学校</TD><TD>バイト</TD>
</TR>
</TABLE>
スポンサード・リンク
Copyright ©2001〜2016 まさぼ〜 All Right Reserved