簡寫形式

background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [ background-size] [background-origin] [background-clip];

新增加的CSS3屬性使用 / 號進行分隔 并且為可選項

示范寫法

.example {
  background: aquamarine 
              url(img.png) 
              no-repeat 
              scroll 
              center center / 50% 
              content-box content-box;
}

CSS3 新增加的屬性

background-origin 背景圖片的定位區域。

border-box

content-box

padding-box

background-clip 背景的繪制區域。

border-box

padding-box@2x.jpg

content-box

background-size 背景圖片的尺寸。下面是文檔的扯蛋

contain 縱橫比保持一致，根據背景能夠容納的最大數放大或縮小背景圖像
cover 縱橫比保持一致，根據背景能夠容納的最小量放大或縮小背景圖像

contain

cover

人話:
contain 以左上角按為原點 按比例拉伸 到顯示完整內容
cover 以左上角按為原點 按比例拉伸 到一邊鋪滿容器

background-size 如果只設置一個值，則第二個值會被設置為 "auto"。