初心者のスタイルシート(CSS)講座：背景画像の位置
・background-position
背景画像の位置を指定する
【背景画像の位置を指定する方法】
background-position：数値+単位
background-position：キーワード
【サイズを表す数値+単位】
ボックス領域の左上を基点として、水平方向の位置（左からの距離）と垂直方向の位置（上からの距離）を半角スペースで区切って指定します。単位に関しては下記をご参照！
【数値+％】
画像の位置をボックス領域の幅、または高さに対する割合で指定します。左上を基準点として、水平方向と垂直方向を半角スペースで区切って指定する点は同じです。
でも、パーセントによる指定は値の解釈が異なり、ボックス領域の位置の割合と画像の位置の割合が揃います。
【キーワード】
top・・・・・・上
center・・・・中央
bottom・・・・下
left・・・・・左
right・・・・・右
垂直方向の位置を指定する場合はtop、center、bottom
水平方向の位置を指定する場合はleft、center、right
これらは半角スペースで区切って指定します。値を一つだけ設定した場合は、もう一方はcenterに設定されます。
数値とパーセントによる指定は組み合わせる事ができます。しかし、キーワードと数値やパーセントによる指定を一緒に使用することはできません。
背景画像を１点だけ指定した位置に表示させるには、 background-repeat属性でno-repeatを同時指定して下さい。