1.background-color
设置背景颜色，取颜色值
注意：
1.所有元素默认的背景颜色都是透明色，新建窗口的白色不是body的背景色，是浏览器渲染的
2. 背景颜色从边框位置开始绘制
3. 如果元素添加内边距，也会按照背景颜色进行填充
2.背景图片
1.设置背景图片
属性：background-image
取值：url（）
注意：1.背景图片的尺寸如果大于元素尺寸，图片仍然按照原始尺寸显示，超出元素的部分不可见
2.背景图片的尺寸小于元素尺寸，浏览器会自动对背景图片重复平铺，直到铺满元素
3.背景图片与背景颜色一样，不影响元素正常显示
2.设置背景图片的重复方式
图片尺寸不够时，浏览器会自动沿水平和垂直两个方向对图片进行重复平铺，直到铺满元素
属性：background-repeat
取值：1.repeat：默认值，沿水平和垂直方向平铺
2.repeat-x：沿水平方向平铺
3.repeat-y：沿垂直方向平铺
4.no-repeat：设置背景图片不重复平铺
3.设置背景图片的位置
1.属性：background-position
2.取值：x y
1.取像素值：
x：表示背景图片水平方向的偏移距离
正值表示图片向右偏移，负值表示图片向左偏移
y：背景图片垂直方向的偏移距离
正值表示图片向下偏移，负值表示图片向上偏移
注意：结合“精灵图”实现元素背景图片调整，这种技术叫“精灵技术”
2.取百分比
参照元素尺寸计算水平和垂直偏移距离
1. 0% 0%：背景图片显示在元素左上角
2. 50% 50%：背景图片显示在元素中间
3. 100% 100%：背景图片显示在元素右下角
3.方位值确定背景图片的位置
x：left / center / right
y: top / center / bottom
如果只设置一个方向上的关键字，另外一个方向默认是center
4.设置背景图片的大小
1.属性：background-size
2.取值：x y
x y分别表示背景图片的宽和高
1.像素值
2.百分比：参照元素宽高尺寸计算背景图片大小
3.cover：表示将图片等比放大至完全覆盖元素，超出部分不可见
4.contain：表示将图片等比拉伸至刚好被元素容纳，不能超出元素尺寸，可能或造成背景图片无法完全覆盖元素的效果
5.背景属性简写
1.属性：background
2.取值：color url() repeat position
注意：1.背景属性按照上面取值的顺序设置
2.background-size单独设置