背景に色を付ける

background-color

CSSの書き方

background-color:値 ;

CSSの詳細情報
プロパティ名 background-color 読み方 バックグラウンド・カラー
初期値 transparent 意味 背景色の設定
カラー指定
対象 すべての要素
CSSレベル CSSレベル1 対応ブラウザ Windows MAC
継承 しない IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0

解説

背景色を指定するスタイルシートです。

「background-color」プロパティはページの背景や各要素の背景に色を付けることができます。

値には、目的の色をカラー名やカラーコード、濃度で指定します。

色の書き方、表し方については以下を参照してください。

初期値について

「background-color」プロパティの初期値は「transparent」で「透過」という意味です。

このプロパティはスタイルシートを継承しませんので、「background-color」プロパティを設定しない場合は親要素の背景が透過されます。

CSS/HTMLサンプル

body { background-color:#ffdff9; }

BODY要素の背景に色を付ける サンプル

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

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

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

CSSを駆使したモダンなWebデザインを学ぶなら

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