background 也是速記屬性，可由以下屬性值組成：

• background-attachment
• background-clip
• background-color
• background-image
• background-origin
• background-position
• background-repeat
• background-size

範例：

background: center / contain no-repeat url("../../media/examples/firefox-logo.svg"), #eee 35% url("../../media/examples/lizard.png");

語法上需注意：

• 可以指定不只一層背景，多層背景可以依照圖層順序由上而下設定在 background ，並以逗號隔開
  例如：

background:
  background 1, //第一層
  background 2, 
  ...,
  background N;  //最後一層

• background-size 需接在 background-position 後方，並以 / 連接，例如 center/80%
• 因 background-clip 和 background-origin 都可以設定 box 相關值，例如 border-box 或 padding-box，可以不設定 box 值，也可以設定一或兩次，若只填入一個 box 值，代表同時設定 background-clip 和 background-origin 屬性，若填入兩次值，前面的值為 background-origin，後者為 background-clip
• 若有設定多於一層背景，background-color 只能設定在最後一層背景上

補充：
因 body 的預設背景色是白色，可在 body 設定 background-color 更換不同背景色
初學到 background-image 的用法後，常會在任何有圖片的地方使用 background 去呈現圖片，後來才慢慢了解有時會需要讓瀏覽器能夠辨識「這裡是圖片」，以及圖片的 alt 資訊也能幫助瀏覽器讀取圖片資訊，使用讀屏軟體也都需要辨識 img 標籤中的 alt 屬性值，若都使用 background-image 來呈現圖片，較無法幫助瀏覽器與讀屏軟體辨識的部分，因此網頁中的圖片都盡量能使用 img 標籤呈現，並且設定 alt 屬性，若碰到單純用於視覺美觀的圖，再以 background-image 方式呈現會是較好的做法

參考資料：
使用 CSS 多重背景 - CSS | MDN
background - CSS: Cascading Style Sheets | MDN