background-image属性用于为某个元素设置一个或多个背景图像，各个背景图像以堆叠的方式逐张放置在元素的上面。
1、background-color： 规定要使用的背景颜色。background-position： 规定背景图像的位置。background-size： 规定背景图片的尺寸。background-repeat ：规定如何重复背景图像。background-origin ：规定背景图片的定位区域。background-clip： 规定背景的绘制区域。background-attachment： 规定背景像是否固定或者随着页面的其余部分滚动。background-image ：规定要使用的背景图像。
2、设置背景图片的大小，可以保持原有尺寸，或拉伸到新的尺寸。或者再保持原有比例进行缩放。属性值：数值指定背景图片大小。百分比指定背景图片相对背景区的百分比。auto 以背景图片的比例缩放背景图片。cover缩放背景图片覆盖背景区。（不会被压扁）contain 缩放背景图片完全装入背景区，可能背景区部分空白。
3、在内联的SVG中，我们可以使用fi11="currentcolor”来为SVG着色。但是，当我们将其作为背景图时，它就变成了一个图片。SVG的动态性消失了，currentcolor的效果也随之消失（这和你无法覆盖PNG的颜色一样）。很多时候可能很难通过一种方案来解决所有问题。但是，其实我们可以使用两种方案！还记得我们最开始提到了将图像作为背景图片的方案吗？这个不正适用于彩色图标 -- 毕竟使用彩色图标时，我们也不需要修改它的颜色。
