background

1. background-color

2. background-image

   background-image: url();
   background-image: url(), url(), url();

3. background-size

   background-size: length|percentage|cover|contain;

   值	描述
   length	设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
   percentage	以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
   cover	把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
   contain	把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

4. background-attachment

   值	描述
   scroll	默认值。背景图像会随着页面其余部分的滚动而移动。
   fixed	当页面的其余部分滚动时，背景图像不会移动。

5. background-repeat

   值	描述
   repeat	默认。背景图像将在垂直方向和水平方向重复。
   repeat-x	背景图像将在水平方向重复。
   repeat-y	背景图像将在垂直方向重复。
   no-repeat	背景图像将仅显示一次。
   space	平均分配

6. background-clip

   background-clip: border-box|padding-box|content-box|text;

   值	描述
   border-box	背景被裁剪到边框盒。
   padding-box	背景被裁剪到内边距框。
   content-box	背景被裁剪到内容框。
   text	背景被裁剪成文字的前景色。

7. background-origin

   background-origin 属性规定 background-position 属性相对于什么位置来定位。

   background-origin: padding-box|border-box|content-box;

   值	描述
   padding-box	背景图像相对于内边距框来定位。
   border-box	背景图像相对于边框盒来定位。
   content-box	背景图像相对于内容框来定位。

8. background-position

   值	描述
   (top | center | bottom) ,(left | center | right)	如果您仅规定了一个关键词，那么第二个值将是"center"。
   x% y%	第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。仅规定了一个值，另一个值将是 50%。
   xpos ypos	第一个值是水平位置，第二个值是垂直位置。左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。如果您仅规定了一个值，另一个值将是 50%。您可以混合使用 % 和 position 值。

9. background-blend-mode 属性定义了背景层的混合模式（图片与颜色）。