CSS背景属性、雪碧图（精灵图）的应用和渐变色

一、CSS背景

1、 background-color 设置背景颜色

2、 background-image来设置背景图片

语法：background-image:url(相对路径);

可以同时为一个元素指定背景颜色和背景图片，这样背景颜色将会作为背景图片的底色

图片在元素中的位置

如果背景图片大于元素，默认会显示图片的左上角

如果背景图片和元素一样大，则会将背景图片全部显示

如果背景图片小于元素大小，则会默认将背景图片平铺以充满元素

3、background-repeat用于设置背景图片的重复方式

可选值：

repeat，默认值，背景图片会双方向重复（平铺）

no-repeat ，背景图片不会重复，有多大就显示多大

repeat-x， 背景图片沿水平方向重复

repeat-y，背景图片沿垂直方向重复

4、background-position可以调整背景图片在元素中的位置

背景图片默认是贴着元素的左上角显示