【學習筆記之CSS+DIV】CSS映像

CSS設計徹底研究5.2節筆記

1.背景映像

（1）設定背景映像：background-image : none | url ( url )

（2）映像平鋪方向：background-repeat : repeat | no-repeat | repeat-x | repeat-y

（3）映像對齊：background-position : (center | top | bottom | length) | (center | left | right | length)（可以設定為一個或兩個屬性值，分別用於水平位置和豎直位置。）

【應用】製作漸層色背景

１）準備一張垂直漸層的背景映像；

２）將背景顏色設定為背景映像最下面一排像素的顏色。

代碼如下：

body{

background-image:url(bg_grad.gif);

background-repeat:repeat-x;

background-color:#39F;

}

或簡寫為：

body{

background:#39F　url(bg_grad.gif)　repeat-x;

}