背景圖片

Created: November-22, 2018

background-image 屬性用於指定要應用於所有匹配元素的背景影象。預設情況下，此影象平鋪以覆蓋整個元素，不包括邊距。

.myClass {
  background-image: url('/path/to/image.jpg');
}

要使用多個影象作為 background-image，請定義逗號分隔的 url()

.myClass {
  background-image: url('/path/to/image.jpg'),
                    url('/path/to/image2.jpg');
}

影象將根據其順序堆疊，第一個宣告的影象位於其他影象之上，依此類推。

值	結果
`url('/path/to/image.jpg')`	指定背景影象的路徑或使用資料 URI 模式指定的影象資源（可省略撇號），用逗號分隔多個部分
`none`	沒有背景圖片
`initial`	預設值
`inherit`	繼承父級的值

更多用於背景影象的 CSS

以下屬性非常有用，幾乎也是必不可少的。

background-size:     xpx ypx | x% y%;
background-repeat:   no-repeat | repeat | repeat-x | repeat-y;
background-position: left offset (px/%) right offset (px/%) | center center | left top | right bottom;