CSS控制背景

CSS控制背景

------------------CSS2-------------------------------------------------------

1.background:

2.background-color:

3.background-p_w_picpath: url();默認(rèn)背景圖片在元素的左上角顯示

4.background-repeat: repeat\no-repeat\repeat-x\repeat-y;

5.background-position:  橫向 縱向；（數(shù)值[百分?jǐn)?shù)/坐標(biāo)]/left，center，right）  

6.background-p_w_upload:  scroll/fixed;   //背景圖片的依附方式(背景圖像是否隨對(duì)

象內(nèi)容滾動(dòng)，scroll默認(rèn)值--滾，fixed---固定在屏幕（可視區(qū)域）)---存在兼容性問題

------------------CSS3-------------------------------------------------------

background-origin:border/padding/content(從哪個(gè)區(qū)域開始顯示背景)

               ------------>用來決定background-position 計(jì)算的參考位置

background-clip:border-box /padding-box /content-box /no-clip=border-box;

               (從哪個(gè)區(qū)域向外裁剪背景)

               ------------>用來確定背景的裁剪區(qū)域

background-size: length / precentage ;

multiple backgrounds:多重背景圖像，可以吧不同背景圖像只放到一個(gè)快元素里。對(duì)多個(gè)圖片url之間用逗號(hào)合開。

示例：

background-p_w_picpath: url(img/multiple-backgrounds.png), url(img/multiple-backgrounds.png),                       url(img/multiple-backgrounds.png);

background-position: left top, -320px bottom, -640px top;

background-repeat: no-repeat, no-repeat, repeat-y;