行単位で背景色を設定する

テーブルタグ
目次

<tr bgcolor=””>

行を表す<tr>タグに「bgcolor=””」という属性を追加すると、行ごとに背景色を設定することができます。セル毎に背景色を設定することもできますが、指定する行のセルの背景色が全て同じであれば、行ごとに背景色を設定する方が簡単です。

「bgcolor=””」に任意のカラーコードを指定します。正確には「#（シャープ）＋16進数のカラーコード」ですが、単色の場合は「bgcolor=”red”」という指定方法もあります。

記述例

<table border=”1″>
<tr bgcolor=”#eeeeee”>
<td>左のセル</td><td>右のセル</td>
<tr>
</table>

左のセル 右のセル

※分かりやすくするために枠を表示しています。

行単位の背景色を設定する方法は、本来スタイルシートで行うことが推奨されています

背景に色を付ける – スタイルシート（CSS）一覧

関連情報

テーブルタグ一覧
目次

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

【Amazon.co.jp 限定】 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート)
created by Rinker
SBクリエイティブ

最新のHTML5を学ぶなら

世界一わかりやすい HTML5&CSS3コーディングとサイト制作の教科書
created by Rinker

参考情報

最新情報をチェックしよう！

テーブルタグの最新記事4件