FC2ブログ
05.05
Fri
・テーブルをつかう


■ テーブルの色を変える



前回は、枠と文字の間隔を調節する方法を学びました。
今回は、テーブルに色をつける方法を学んでいきましょう。


テーブルに色をつけるときは、「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>」と入力)




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

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

次回はテーブルの枠部分だけに色をつける方法です。
関連記事
スポンサーサイト




comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/157-b9a35c12
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 33サイト掲載中

back-to-top