空1  (左下)

 まず、画像をダウンロードして下さい。

*(Win)  画像のダウンロードはこの画面の適当な場所で
「右クリック→名前をつけて背景を保存」

*(Mac)  「クリックを数秒押し続けて→名前をつけて背景を保存」

下の表内のソースの ("素材URL") に 、ダウンロードした画像ファイル名を入れてください。


HTMLソースの  <HEAD>この部分</HEAD>  にコピー・ペーストしてください。

<STYLE type="text/css">
<!--
BODY {
background-image : url("素材URL");
background-attachment: fixed;
background-position:0% 100%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>


                        ★ 素材を先にUPしてから編集すると、画像が反映されて、より分かり易いですよ。
    

    *****

 

上のソースのbackground-position:0% 100%;」の部分の数字を変える事により希望の位置を指定できます。

左上   →  0%0%

左下  →  0%100%

右上  →  100%0%

右下  →  100%100%

真ん中  →  50%50%

 

back.gif (232 バイト)