テーブル枠の色を変える 1

■ テーブルの枠の色を変える

枠に色をつける
<table bordercolor=" 属性値 ">～<table>
<tr bordercolor=" 属性値 ">～</tr>
<td bordercolor=" 属性値 ">～</td>

「table」「tr」「td」に「bordercolor」を組み合わせることで、背景色を変えることができます。
「table」に組み合わせると、テーブル全体
「tr」に組み合わせると、列全体
「td」に組み合わせると、各マス目ごとに色を変えることができます

属性値には「色の名前」か「ＲＧＢ値」を入れます。

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

「table」に色を設定：

●	○
□	■

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

●	○
□	■

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

●	○
□	■

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

ここでひとつ、マメ知識
枠の幅を変える属性「cellspacing」を「table」に追加することで、枠を塗りつぶすことができます！

「cellspacing」の属性値を「0」にしてみると･･･

「table」に色を設定：

●	○
□	■

「<table border="1" bordercolor="red" cellspacing="0">
　<tr><td>●</td><td>○</td></tr>
　<tr><td>□</td><td>■</td></tr>
　</table>」

枠を塗りつぶすことができました。