1、css2：background:background-color || url("") || no-repeat || scroll || 0 0;
css3: background: url("") || 0 0/cover || no-repeat || scroll || border-box || content-box || black;
CSS2中的Background屬性：
background: background-color || background-image || background-repeat || background-attachment || background-position;
也可以分解寫成：
background-color: color值 || RGBA值；
background-image: url();
background-repeat: repeat || repeat-x || repeat-y || no-repeat;
background-attachment: scroll || fixed;
background-position: <length> || <per>
CSS3中的Background屬性
background: background-image || background-position/background-size || background-repeat || background-attachment || background-clip || background-origin || background-color
也可以分解寫成：
background-image: url();
background-position: <length> || <per> background-size: <length> || <per> background-repeat: repeat || repeat-x || repeat-y || no-repeat; background-attachment: scroll || fixed; background-clip: padding-box || border-box || content-box; background-origin: padding-box || border-box || content-box; background-color: color值 || RGBA值；
這里有點特別需要注意，如果使用聯寫方式時，background-size需跟在background-position的后面，並用“/”隔着，即"background-position/background-size"。另外本人強烈建議CSS3中的Background屬性不要全部聯寫，最好把CSS3中的屬性拆分出來單獨書寫，因為他們在不同瀏覽器下需要加上自己的前綴，如：
background: background-color || background-image || background-repeat || background-attachment || background-position; background-size: <length> || <per> background-clip: padding-box || border-box || content-box; background-origin: padding-box || border-box || content-box;
后面三個最好在運用時按前面介紹的，把各自的私有前綴加上。重溫了一次兩種標准下的Backgroud后，就正式進入今天的主題CSS3的多背景。
CSS3 Multiple backgrounds從字面而知，CSS3的多背景，其主要作用就是給同一個元素設置多個背景圖像，換句話說，就是在同一元素上可以設置除background-color外多個background的其它屬性，因為一個元素只具備一個背景色，但自從有了CSS3后，可以讓同一個元素同時具有多個背景圖像，並可以給多個背景圖像設置相同或不相同的background-(position||repeat||clip||size||origin||attachment)。前面幾句可能歸納的有點拗口，不太好理解，后面大家可以通過具體的實例來增加對他的理解。此時或許有朋友會問，那這個多背景我們在樣式中要寫backgrouds還是一樣的background呢？這個問題問得很好，在以前讀書學英語時，復數往往會多一個“s”，那我在這里大聲告訴大家，CSS3的多背景我們不使用“backgrounds”而是繼續使用"backgroud"，況且W3C也沒有“backgrouds”,至於具體的語法如下所示：
background ： [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],* 也可以分解成： background-image: url1,url2,...,urlN; background-repeat: repeat1,repeat2,...,repeatN; background-position: position1,position2,...,positionN; background-size: size1,size2,...,sizeN; backrgound-attachment: attachment1,attachment2,...,attachmentN; background-clip: clip1,clip2,...,clipN; background-origin: origin1,origin2,...,originN; background-color: color;
取值說明：
1、background-image:此值用來設置元素的背景圖片，可以使用相對地址或絕對地址索引背景圖片，詳細參考w3c的Background-image；
2、background-repeat:此值用來設置元素的背景圖片的平鋪方式，其默認值為repeat，詳細參考w3c的background-repeat；
3、background-position:此值用來設置元素的背景圖片的定位起點，其默認值為left top,詳細參考w3c的background-position；
4、background-size: 此值用來設置元素的背景圖片的尺寸大小，其默認值為auto，詳細參考《CSS3 Background-size》；
5、background-attachment:此值用來設置元素的背景圖片是否為固定顯示，其默認值為scroll,詳細參考background-attachment；
6、background-clip：此值用來控制元素的背景圖片顯示區域，其默認值為border-box，詳細參考《CSS3 Background-clip》；
7、background-origin:此值用來控制元素的背景圖片position的默認起始點，其默認值為padding-box,詳細參考《CSS3 background-origin》;
8、 background-color: transparent; color: rgb(41, 180, 240); text-decoration: none; background-position: initial initial; background-repeat: initial initial;">background-color。
其中background-image需要多個，但多個圖片之間使用逗號隔開,而其他屬性可以選擇一個或多個，如果有多個背景圖片時，其他屬性只有一個時，那么表示所有背景圖片應用了相同的屬性設置，但background-color只能設置一個，如果你設置多少background-color將是一種錯誤的語法設置。