概述：CSS 背景属性用于定义 HTML 元素的背景，通过背景属性我们可以定义元素的背景颜
色、背景图片、背景图片的平铺方式和显示位置等。
3.1、background-color属性，设置元素的背景颜色。
常用的值
color_name 规定颜色值为颜色名称的背景颜色（比如red）
hex_number 规定颜色值为十六进制值的背景颜色（比如 #ff0000）
rgb_number 规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）
3.2、background-image 属性，为元素设置背景图像。
语法：background-image:url(" 图片资源路径 ");
常用的值:
url(‘URL’) 指向图像的路径
none 默认值。不显示背景图像
元素的背景默认绘制区域包括内边距和边框。
默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
我们也可以通过 background-repeat 属性可以改变背景图像的平铺方式
3.3、background-repeat 属性，设置是否或如何重复背景图像。
常用的值：
repeat 默认，背景图像将在垂直方向和水平方向重复
3.4、background-position属性，设置图片起始位置
设置背景图像（由 background-image 定义）的起始位置。背景图像如果要重复，将从这一点开始。
语法：background-position: xpos（水平方向） ypos（垂直方向）;
取值：
关键字：top、bottom、left、right 和 center；
指定图像放置于元素内边距区域的位置，一个对应水平方向，另一个对应垂直方向
例如：左上角为：left top；
长度值
指定图像相对于元素内边距区左上角的偏移量。左上角是 0 0，如果设置值为 50px
100px，图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上；
百分比
指定百分数值将同时应用于元素和图像，左上角是 0% 0%；右下角是 100% 100%。
如果设置为 50% 50%，图像的中心点将与元素的中心点对齐显示；
3.5、background简写
语法：background:bg-color bg-image bg-repeat bg-position;
background: red url(“bgimage.jpg”) no-repeat left top;
当使用简写属性时，属性值的顺序为：
background-color
background-image
background-repeat
background-attachment
background-position
如果某个属性不需要设置，可以省略。
【笔试题】背景图与img的区别
是否占位：前景图是占位的，而背景图不占位
书写位置：前景图写在body，背景图写在样式表里面
是否重复平铺：默认情况下，背景图是重复平铺的，
前景图默认是不重复平铺的
是否有实际含义：img有实际含义的
背景图没有实际含义的，起到装饰作用
是否能被搜索引擎搜索到：img能被搜索引擎搜索到，
背景图不能被搜索引擎搜索到
