关於 background 属性

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