背景画像を真ん中に固定します。

▼▼例の使用画像はこちらになります。▼▼

 

▼▼こちらのソースを<head>〜</head>の中に入れてください。▼▼

 

ちょ〜簡単解説♪

background-image: url(画像のurl); 背景に使用する画像の指定です。
background-position: center center; どこに配置するかの指定です。
この場合、上下左右から見て真ん中に指定するので、【center】を2回入力。
background-repeat: no-repeat; 画像をリピート(繰り返し)をしないとゆう指定です。
background-attachment: fixed; ページをスクロールしても画像が動かないようにする指定です。
動くようにしたい場合は、【fixed】の部分を【scroll】に変更する。

 

 

 

 

inserted by FC2 system