【ホームページ作成】表の1列すべてに背景色を付ける方法

1行・1列すべてに背景色を付けるには

表に背景色を塗りたい場合、「セル単位」ではなく、「1行すべて」や「1列すべて」に同じ色を塗りたい場合があります。

「1行すべて」（横方向）の場合は比較的簡単ですが、「1列すべて」（縦方向）の場合はどうすれば良いでしょうか？
今回は、その方法をご紹介致します。

まずは、簡単な「1行すべて」の方からご紹介致しましょう。

1行すべてに背景色を付けるには

表に背景色を塗りたい場合、「1行すべて」（＝横方向）に塗るのは簡単です。
表の1行は、tr要素（<tr>～</tr>）で構成されていますから、このtr要素に対して背景色を指定すれば良いだけです。
以下に、表示サンプルとソースを掲載しておきます。

<table>
<tr><td> ... </td></tr>
<tr style="backgroud-color:pink"><td> ... </td></tr>
<tr><td> ... </td></tr>
</table>

……というわけで、「1行すべて」に背景色を付ける方法は簡単です。
では、「1列すべて」（＝縦方向）に背景色を付けたい場合は、どうすればよいでしょうか？

次のページへ続きます →