テーブルのセルごとに背景色を設定する

<td bgcolor=””>

任意の行と列に囲まれた1つの領域をここでは「セル」と呼びますが、このセル一つ一つの背景を設定するには、行に対する列を表す<td>タグに「bgcolor=””」という属性を追加します。

指定したい背景色はぞれぞれ「bgcolor=”#＋16進数のカラーコード”」または、「bgcolor=”色名（単色の場合）」のように記述します。

左のセル

右のセル

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

セルごとの背景色の指定は、本来スタイルシートで行うことが推奨されています。（HTML5ではbgcolor属性が廃止されました。）

また、セルごとに設定される背景色は、行ごとに設定する方法や、表全体に背景色を指定した場合よりも、最優先されます。

従って、例えば、表全体で背景色を黒に指定していても、セルの背景色が白に設定された場合は、そのセルの背景色は白になります。

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

created by Rinker

SBクリエイティブ

¥2,486 (2023/04/20 13:25:19時点 Amazon調べ-詳細)

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