background-image属性是什么？

background-image属性为元素设置背景图像。

background-image属性用于为元素设置一个或多个背景图像，多个背景图像使用逗号来分隔。各个背景图像以堆叠的方式逐张放置在元素的上面。

在各个背景图像层中，第一个图像层最接近屏幕前的观察者。元素的边框会被绘制在背景图像的上面，而元素的background-color（背景颜色）则会被绘制在所有背景图像的下面。

background-image属性值模式

background-image的属性值模式就是用来给它加“特技”的。

background-image 属性会在元素的背景中设置一个图像。

根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

初始背景图像（原图像）根据 background-position 属性的值放置。

赫兹房间背景图设置如下：

1、打开赫兹房间软件，在主界面中选择“Preferences”。

2、在偏好设置中，选择“Background”（背景）选项卡。

3、在背景选项卡中，可以选择多种不同的背景图，包括自带的预设背景图和自定义的背景图。

4、如果要使用自定义的背景图，可以在“BackgroundImage”（背景图像）一栏中选择“Choose...”（选择）按钮，然后选择您想要设置的背景图。

5、在选择完毕后，可以调整背景图的大小和位置，以适应赫兹房间的窗口大小和比例。

6、完成设置后，单击“OK”按钮保存设置即可。

在书写css样式时，background属性与background-image经常用来设置背景图片，容易搞混。

background属性包含background-image属性，是在一个声明中设置所有的背景属性。

连background-image在内，background属性包含以下：

background-color     规定要使用的背景颜色。1

background-position     规定背景图像的位置。1

background-size     规定背景图片的尺寸。3

background-repeat     规定如何重复背景图像。1

background-origin        规定背景图片的定位区域。3

background-clip     规定背景的绘制区域。3

background-attachment     规定背景图像是否固定或者随着页面的其余部分滚动。1

background-image     规定要使用的背景图像。1

inherit    规定应该从父元素继承 background 属性的设置。1

通常在写css的时候，一般都直接用background做全局设置，不单独去设置。

用background做全局设置时，要将所有背景属性写在一个声明中

body { background: red }

p { background: url("chess.png") 40% / 10em gray  round fixed border-box}

分拆写法如下

body {

    background-color: red

    background-position: 0% 0%

    background-size: auto

    background-repeat: repeat

    background-clip: border-box

    background-origin: padding-box

    background-attachment: scroll

    background-image: none }

p {

    background-color: gray

    background-position: 40% 50%

    background-size: 10em 10em

    background-repeat: round

    background-clip: border-box

    background-origin: border-box

    background-attachment: fixed

    background-image: url(chess.png) }

  background：no-repeat scroll  0px 0px /  300px 300px   rgba(0, 0, 0, 0)

  background-position与background-size之间 必须用  / 做分割 

  前面是background-position  后面是 background-size 

---