Esprit's Style

〆 背景を設定します

１．背景をまとめて設定 （背景色、背景画像、繰り返し、位置、固定）
　　 background:
　　 　　 background-color image repeat position attachment;

@sample.css body{ background:#ffffff url("001.gif") repeat-y 100% 50% fixed; }

background img 　File　　Edit　　Tool　　Help

２．背景色、画像
　　 background-color : #??????;
　　 background-image : url(img.jpg);

@sample.css body{ background-color : #fffff4; }

background color 　File　　Edit　　Tool　　Help

３．背景画像の繰り返し
　　 background-repeat : repeat / repeat-x / repeat-y / no-repeat

body{
    background-image : url(img.jpg);
    background-repeat : repeat-x;
}

repeat 　File　　Edit　　Tool　　Help

repeat-y 　File　　Edit　　Tool　　Help

repeat-x 　File　　Edit　　Tool　　Help

４．背景画像の表示位置
　　 background-position : 50% 50% / right bottom

@sample.css /* 背景画像の表示位置を15% 15% */ body{ background-image: url("hana.gif"); background-position : 15% 15%; background-repeat : no-repeat; }

position 15% 15% no-repeat 　File　　Edit　　Tool　　Help

５．背景画像の固定
　　 background-attachment : fixed / scroll

@sample.css /* 背景画像を固定します */ body{ background-attachment : fixed; }

repeat-y attachmentfixed 　File　　Edit　　Tool　　Help