語法:
background : [background-image] | [background-origin] | [background-clip] | [background-repeat] | [background-size] | [background-position]
相關屬性: background-image | background-origin | background-clip | background-repeat | background-size | background-position
取值:
- <background-image>:
- 指定或檢索對象的背景圖像。
- <background-origin>:
- 指定背景的顯示區域。
- <background-clip>:
- 指定背景的裁剪區域。
- <background-repeat>:
- 設置或檢索對象的背景圖像是否及如何重複鋪排。
- <background-size>:
- 指定背景圖片的大小。
- <background-position>:
- 設置或檢索對象的背景圖像位置。
說明:
多重背景圖象,可以把不同背景圖象只放到一個塊元素裏。
多個圖片url之間使用逗號隔開即可;如果有多個背景圖片,而其他屬性只有一個(例如background-repeat只有一個),表明所有背景圖片應用該屬性值。
CSS3中在容器的多層背景,各子屬性與逗號來分隔值,如果指定的值,如下:
當背景層的數值是N = max(M,R, S, P)
每個屬性可以假如它的值爲n,通過重複指定的值如下所示:
範例書寫:
也可以簡寫: