背景画像を左下に固定します。

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

 

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

 

ちょ〜簡単解説♪

background-image: url(画像のurl);

背景に使用する画像の指定です。

background-position: top right;

どこに配置するかの指定です。
この場合、左下とゆうことなので【bottom】と【left】を入力。

background-repeat: no-repeat;

画像をリピート(繰り返し)をしないとゆう指定です。

background-attachment: fixed;

ページをスクロールしても画像が動かないようにする指定です。
動くようにしたい場合は、【fixed】の部分を【scroll】に変更する。

 

 

 

 

inserted by FC2 system