背景画像の位置表示（真ん中）

ブラウザで表示した時の見え方

ページ全体をご覧ください。

ソースサンプル

【CSS】

body {
background-image: url("./img/back1.gif");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat
}

[ 黒※説明中のタグ紫※省略可能なタグ赤※変更可能緑※文章など ]

解説

background-position属性だけでは画像が表示されません。background-image属性とbackground-repeart属性を組み合わせて使います。

オプション
%（パーセント）	左からの位置と上からの位置を百分率で指定する	background-position: 10% 50%
px（ピクセル）	左からの位置と上からの位置をピクセル単位で指定する	background-position: 50px 100px
left	背景画像を左寄せにする	background-position: left
center	背景画像を中央寄せにする	background-position: center
right	背景画像を右寄せにする	background-position: right
top	背景画像を上寄せにする	background-position: top
bottom	背景画像を下寄せにする	background-position: bottom
値	機能	例

AICHAN WEB(Z) > HTML＆CSSサンプル集(S) > CSS - 背景画像の位置表示（真ん中）