背景图片

Created: November-22, 2018

background-image 属性用于指定要应用于所有匹配元素的背景图像。默认情况下，此图像平铺以覆盖整个元素，不包括边距。

.myClass {
  background-image: url('/path/to/image.jpg');
}

要使用多个图像作为 background-image，请定义逗号分隔的 url()

.myClass {
  background-image: url('/path/to/image.jpg'),
                    url('/path/to/image2.jpg');
}

图像将根据其顺序堆叠，第一个声明的图像位于其他图像之上，依此类推。

值	结果
`url('/path/to/image.jpg')`	指定背景图像的路径或使用数据 URI 模式指定的图像资源（可省略撇号），用逗号分隔多个部分
`none`	没有背景图片
`initial`	默认值
`inherit`	继承父级的值

更多用于背景图像的 CSS

以下属性非常有用，几乎也是必不可少的。

background-size:     xpx ypx | x% y%;
background-repeat:   no-repeat | repeat | repeat-x | repeat-y;
background-position: left offset (px/%) right offset (px/%) | center center | left top | right bottom;