全部まるごとスタイルシート背景　－背景色を指定する

▼ background-color 　　»»　背景色を指定する
▼ background-image 　　»»　背景画像を指定する
▼ background-repeat 　　»»　背景画像の繰り返し方法を指定する
▼ background-attachment 　　»»　背景画像を固定する
▼ background-position 　　»»　背景画像の位置を指定する
▼ background-position-x
　　background-position-y 　　»»　背景画像の位置を垂直・水平方向別に指定する
▼ background: 　　»»　背景を一括して指定する

■　background-color　　背景色を指定する

background-color:キーワード
background-color:色指定値

transparent	transparentを指定すると背景が透明になり、結果的に親ボックスの背景色が透けて見えます。
RGB値	#rrggbb	#に続けて赤「r」緑「g」青「b」のそれぞれの値を00～ffの１６進数で２桁ずつ、計６桁で指定。
	#rgb	#に続けて赤「r」緑「g」青「b」のそれぞれの値を00～ffの１６進数で２桁ずつ、計３桁で指定。
	rgb(n,n,n)	rgbに続く()の中に続けて、赤「r」緑「g」青「b」のそれぞれの値を「,」で区切って１０進数の整数で指定。
	rgb(n%,n%,n%)	rgbに続く()の中に続けて、赤「r」緑「g」青「b」のそれぞれの値を「,」で区切ってパーセントで指定。
キーワード	色名で直接指定します。大文字小文字の区別はありません。またWindowsやMacOSが保持しているシステム情報を呼び出して、システムカラーを使用することもできます。(下表参照）

　　システムカラーのキーワード

activeborder	アクティブなウィンドウの枠の色
activecaption	アクティブなウィンドウのタイトルバーの色
appworkspace	アプリケーション内のウィンドウの背景色
background	デスクトップの背景色
buttonface	立体的ボタンの表面の色
buttonhighlight	立体的なボタンの光の当たっている面の色
buttonshadow	立体的なボタンの影になってる面の色
buttontext	立体的なボタンのテキストの色
captiontext	タイトルバーのテキストの色
graytext	選択できないテキストの色
highlight	選択している状態の色
highlighttext	選択しているテキストの色
inactiveborder	アクティブでないウィンドウの枠の色
inactivecaption	アクティブでないウィンドウのタイトルバーの色
inactivecaptiontext	アクティブでないウィンドウのタイトルバーのテキストの色
infobackground	ツールチップの背景色
infotext	ツールチップのテキストの色
menu	メニューの背景色
menutext	メニューのテキストの色
scrollbar	スクロールバーの色
threeddarkshadow	立体的に表示される部分の暗い影の色
threedface	立体的に表示される部分の表面の色
threedhighlight	立体的に表示される部分の光の当たっている面の色
threedlightshadow	立体的に表示される部分の明るい影の色
threedshadow	立体的に表示される部分の影の色
window	ウィンドウの背景色
windowframe	ウィンドウのフレームの色
windowtext	ウィンドウのテキストの色

	IE4	IE5	IE5.5	IE6	NN4	NN4.7	N6.2
色名	○	○	○	○	○	○	○
システムカラー	○	○	○	○	×	×	○
transparent	○	○	○	○	×	×	○
#rgb	○	○	○	○	○	○	○
#rrggbb	○	○	○	○	○	○	○
rgb(n%,n%,n%)	○	○	○	○	○	○	○
rgb(n,n,n)	○	○	○	○	○	○	○

ＬＩＮＫ

ＣＳＳ －スタイルシートリファレンス－ ブラウザの種類による対応状況などもプロパティごとに掲載！

■ 背景

■ background-color 背景色を指定する

ＣＳＳ　－スタイルシートリファレンス－　ブラウザの種類による対応状況などもプロパティごとに掲載！

■　　背景

■　background-color　　背景色を指定する