CSS::background - Saicron's リファレンス

background-colorプロパティ（CSS）…

background-colorプロパティ（CSS）

プロパティ名	値	ノート
background-color	transparent	default
	カラー名	red など
	RGB	#xxxxxx など

スタイルシートでの色の指定方法 - HTMLタグボード

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

背景に色を付ける - HTMLタグボード

background-imageプロパティ（CSS）…

background-imageプロパティ

background-image: url(PATH)	PATHは相対パス
body { background-image: url(PATH) }	ページ全体
h1 { background-image: url(PATH) }	要素
.CLASS { background-image: url(PATH) }	クラス
#ID { background-image: url(PATH) }	ID

背景画像はURLで指定します。 スタイルシート部分を外部ファイルにしている場合には、HTMLファイルから見た相対パスではなく、 外部スタイルシートファイルからの相対パスで指定しなくてはならないので注意してください。

background-image - HTMLクイックリファレンス

背景に画像を指定する際には、背景色と文字色も同時に指定するようにしてください。 これは、ユーザーの環境により背景画像が表示されない場合に、 背景色と文字色の関係により、文字が読みにくくなってしまうことがあるからです。

background-image - HTMLクイックリファレンス

background-position 背景画像の表示位置の指定…

background-position 背景画像の表示位置の指定

書式

background-position 横方向の値 縦方向の値;
 

値

指定方法	値
キーワード指定	left, center, right, top, center, bottom
%指定	0%, 50% 100% など
数値指定	10px, -50px など

サンプル

background-position center center;
background-position right bottom;
 

background-repeatプロパティ（CSS）…

background-repeatプロパティ（CSS）

プロパティ名	値	ノート
backround-repeat	repeat	横と縦 (default)
	repeat-x	横だけ
	repeat-y	縦だけ
	no-repeat	なし