背景画像の位置表示(真ん中) 【background-position】

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

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

※ソースサンプル

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

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

※解説

オプション
%(パーセント)左からの位置と上からの位置を百分率で指定する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
機能