１．背景色の指定

background-color : ★;　　　（★はキーワード、色指定値）


　　　　　　　　　　　　　　　transparent　　　（透明）
色指定値とカラーネームでの指定に関しては、カラーチャート参照。



２．背景画像の指定

background-image : url("★");　　　（★は画像のURLを記入）



３．背景画像の繰り返し指定

background-repeat : ★;　　　（★はキーワード指定）


　　　　　　　　　　　　　　　repeat　　　　　　　　（画面いっぱい敷き詰め・既定）
　　　　　　　　　　　　　　　repeat-x　　　　　　（横方向にのみ繰り返し）
　　　　　　　　　　　　　　　repeat-y　　　　　　（縦方向にのみ繰り返し）
　　　　　　　　　　　　　　　no-repeat　　　　　（繰り返ししないで１点表示）


４．背景画像の固定指定

background-attachment : ★;　　　（★はキーワード）


　　　　　　　　　　　　　　　fixed　　　　　　　　（背景を固定）
　　　　　　　　　　　　　　　scroll　　　　　　　 （スクロールに応じて移動・既定）


５．背景画像の位置指定

background-position : ★;
background-position : ★　★;　　　　（★はキーワード、数値＋単位、％）


　　　　　　　　　　　　　　　top　　　　　　　　（上端）
　　　　　　　　　　　　　　　center　　　　　 （中央）
　　　　　　　　　　　　　　　bottom　　　　　（下端）
　　　　　　　　　　　　　　　left　　　　　　　 （左端）
　　　　　　　　　　　　　　　right　　　　　　 （右端）

数値＋単位の指定は、下の書式を使用します。
最初の数値が左端からの距離、二番目の数値が上端からの距離を入れます。
（ background-position : 30px 40px;　という風に指定します）
％指定に関しても同様にします。
数値を片方しか指定しない場合は、５０％で設定されます。


６．背景画像の位置を垂直・水平方向別に指定

background-position-x : ★;　　（水平方向・★はキーワード指定））
background-position-y : ★;　　（垂直方向・★はキーワード指定）


　　　　　　　　　　　　　　　top　　　　　　　　（上端）
　　　　　　　　　　　　　　　center　　　　　 （中央）
　　　　　　　　　　　　　　　bottom　　　　　（下端）
　　　　　　　　　　　　　　　left　　　　　　　 （左端）
　　　　　　　　　　　　　　　right　　　　　　 （右端）


７．背景の一括指定

<STYLE type="text/css">
<!--
body {
background : url("sample.gif") fixed repeat-y;
}
-->
</STYLE>

例では、ＢＯＤＹに対して指定しています。
この指定では、sample.gif　という画像を使って、背景画像は固定、繰り返しは縦方向に繰り返すという指定になっています。



背景画像指定も、ＨＴＭＬの中でよく使われる指定ですよね。
スタイルシートを使うことで、より詳しく・いろいろな指定ができるようになりますね。
いろいろなパターンを練習して、自分の目で確かめることが大事ですね。。