background-image可以為元素的背景設定圖像，通常是放上外部的圖片，不過除了圖片也能用其他的顏色函式(例如rgba、linear-gradient等)為背景上色，並且可以疊加。
linear-gradient
linear-gradient函式可以做出顏色漸層，搭配background-image就可以做出以下效果:
設定幾個顏色就會有幾個顏色由上到下依序等分漸層，如果你設定了to left、to right或是to bottom(如box2)，就會從指定的方向漸層(範例中為向左漸層)，如果設定數字，就會在指定的位置才開始出現漸層，以box2為例，紅色我設定為75%，所以從右邊向左邊漸層，到75%的地方才會開始出現漸層，同時也能使用角度來設定方向(如box3)。
圖層疊加
背景圖片也能疊加，可以圖片與圖片疊，也可以圖片與顏色疊加
他會從最後一個開始，一層一層疊上去。
結語
通常使用了background-image都還會配合background-position和background-size來調整位置，可以看考上一篇background