８

　小技で小粋に-１
　　　表組みをカラフルに仕上げるのは。

『答え』　簡単です。　覚えた表作成の文章（タグ）にすこ〜〜し付け加えるだけです。

表を書くときの例題は、こんなHTMLでしたね。

<table border=1>
<TR><TD>名　前</TD><TD>ミスターＯＺ</TD>
<TR><TD>住　所</TD><TD>東京都中央区銀座1-2-3</TD>
<TR><TD>電　話</TD><TD>03-1234-5678</TD>
</table>

それがブラウザ上では、↓のような表に出来上がるんでしたよね（覚えてます？）。
名　前ミスターＯＺ
住　所東京都中央区銀座1-2-3
電　話03-1234-5678

さてさて、この表では欄の中が背景色になってしまってますね。
そこで、欄の色分けをしてしまおうって訳です。
こんな表を作ってみましょうか。
１ ２ ３
カラフルに表組みを仕上げたい

このHTMLの書き方は、こうです。

<table border=2><TR>
<TD bgcolor="#ffffff" align="center"><font color="#ff0000">１</font></TD>
<TD bgcolor="#ffffff" align="center"><font color="#0000cc">２</font></TD>
<TD bgcolor="#ffffff" align="center"><font color="#996600">３</font></TD>
<TR><TD bgcolor="#ffbbff" align="center">カラフルに</TD>
<TD bgcolor="#ccffff" align="center">表組みを</TD>
<TD bgcolor="#ffffcc" align="center">仕上げたい</TD>
</table>

どうです、わかりましたか。
ここまで理解されたらこの項は修了で〜す。
☆彡main point
・各欄（TD）のタグにbgcolor=を付けるだけで欄に色が着く。
・欄の中の文字色を変えるなら、今まで通りにfont color=です。
・背景色とのバランスを考えながら、カラフルに仕上げましょう。
・いろいろとカラフルな表組みを目指して試してみて下さいね。
・<table>だけの宣言でやってみると、面白い結果が得られます。
・大きさを考慮していけば、メインメニューにも使える小技ですよ。
質問メール　 ＯＺ道場メニュー