楽天広場HTML講座・テーブルの色を変える

2006.07.18

テーマ：ホームページ作成の悩み(545)

カテゴリ：HTMLタグ（テーブル）

・テーブルをつかう

■ テーブルの色を変える

前回は、テーブル内のヨコ位置を指定する方法を学びました。
今回は、テーブルに色をつける方法を学んでいきましょう。

テーブルに色をつけるときは、「bgcolor」属性をつかいます。

この属性は「table」はもちろん、「tr」「td」にも設定できます。

たとえばこの例をみてください。

まずは「table」に色を設定：

●	○
□	■

→

（「<table border="1" bgcolor="#ffcc99">
<tr><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）

さらに「tr」に色を設定：

●	○
□	■

→

（「<table border="1" bgcolor="#ffcc99">
<tr bgcolor="#ff9999"><td>●</td><td>○</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>」と入力）

さらに「td」に色を設定：

●	○
□	■

→

（「<table border="1" bgcolor="#ffcc99">
<tr bgcolor="#ff9999"><td>●</td><td>○</td></tr>
<tr><td bgcolor="#ff9933">□</td><td>■</td></tr>
</table>」と入力）

このように好きな部分に色をつけていくことができます。

たとえば、マス目のなかの色を全部変えて、枠だけ目立たせるとか。
いろいろ応用ができます。

次回はテーブルの枠部分だけに色をつける方法です。

お気に入りの記事を「いいね！」で応援しよう

Last updated 2008.12.21 08:15:03

[HTMLタグ（テーブル）] カテゴリの最新記事