css的背景屬性

1.background-color  背景顏色

在CSS中顏色通常由
‧十六進位值 - "#ff0000"
‧RGB值 - "rgb(255,0,0)"
‧顏色名稱 - "red"　　　　

來指定。

body
{
background-color:#b0c4de;
}





2.background-image    背景圖片

預設(repeat)圖片會水平及垂直重複出現。

body {background-image:url(.\pic\back061005.gif');}




3.background-repeat   背景圖重複水平或垂直方向

屬性值:repeat,repeat-x,repeat-y,no-repeat。


ex:設定背景圖水平重複。

body.imgx {
background-image:url('.\pic\back061005.gif');
background-repeat:repeat-x;
}

 
ex:設定背景圖垂直方向重複

body.imgy {
background-image:url('.\pic\back060003.gif');
background-repeat:repeat-y;
}



4.background-attachment   背景圖案是否固定,是否隨scroll移動

屬性值:scroll,fixed

body
 {
background-image:url('.\pic\back060003.gif');
 background-repeat:no-repeat;
 background-attachment:fixed;
 }



5.background-position  背景圖位置


屬性值:left top,left center,left bottom,
             right top,right center,right bottom,
             center top,center center,center bottom,
             x% y%,xpx ypx

設定圖片位置及不重複

body
{
 background-image:url('img_005.png');
 background-repeat:no-repeat;
 background-position:right top;
 }