1、背景颜色
元素背景颜色默认值是 transparent（透明）
background-color:transparent;样式名称：
background-image 定义元素的背景图片
background-image: none | url(图片路径地址)| 参数值 | 作用 |
| none | 无背景图（默认） |
| url | 使用绝对或相对路径 指定背景图像 |
其他说明：
实际开发常见于 logo 或者一些装饰性的小图片或者是超大的背景图片, 优点是非常便于控制位置. (精灵图也是一种运用场景)
注意：背景图片后面的地址，千万不要忘记加 URL， 同时里面的路径不要加引号。
4、背景图片位置
样式名称：
使用方式：
background-position: x y;
| 参数值 | 说明 |
| length | 百分比 | 由浮点数字和单位标识符组成的长度值 |
| position | top | center | bottom | left | center | right 方位名词 |
其他说明：
如果指定的两个值都是方位名词，则两个值前后顺序无关，比如 left top 和 top left 效果一致
如果只指定了一个方位名词，另一个值省略，则第二个值默认居中对齐
2、参数是精确单位
如果参数值是精确坐标，那么第一个肯定是 x 坐标，第二个一定是 y 坐标
如果只指定一个数值，那该数值一定是 x 坐标，另一个默认垂直居中
3、参数是混合单位
如果指定的两个值是精确单位和方位名词混合使用，则第一个值是 x 坐标，第二个值是 y 坐标
5、背景图片固定
样式名称：
background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
使用方式：
background-attachment: scroll | fixed| 参数值 | 说明 |
| scroll | 背景图像是随对象内容滚动 |
| fixed | 背景图像固定 |
其他说明：
6、背景样式合写
背景合写样式：
background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;
使用方式：
background: transparent url(image.jpg) repeat-y fixed top;
7、背景色半透明
CSS3 提供了背景颜色半透明的效果。
使用方式：
background: rgba(0, 0, 0, 0.3);-
最后一个参数是 alpha 透明度，取值范围在 0~1之间
-
我们习惯把 0.3 的 0 省略掉，写为 background: rgba(0, 0, 0, .3);
注意：
-
-
CSS3 新增属性，是 IE9+ 版本浏览器才支持的，但是现在实际开发,我们不太关注兼容性写法了,可以放心使用
8、背景总结
| 属性值 | 作用 | 值 |
| background-color | 背景颜色 | 预定义的颜色值/十六进制/RGB代码 |
| background-image | 背景图片 | url(图片路径) |
| background-repeat | 是否平铺 | repeat/no-repeat/repeat-x/repeat-y |
| background-position | 背景位置 | length/position 分别是x和y坐标 |
| background-attachment | 背景附着 | scroll（背景滚动）/ fixed（固定） |
| 背景简写 | 书写更简单 | 背景颜色 背景图片地址 背景平铺 背景滚动 背景位置 |
| 背景色半透明 | 背景色半透明 | background:rgba(0, 0, 0, .3); 后面必须是四个值 |