前言
前面几期我们已经学习了CSS中的选择器，和一些基本的属性。今天，去我们就来继续在介绍CSS中的背景属性。
背景属性
一.背景颜色
background-color: #00ff00;
通过background-color属性设置背景颜色可以使用表示颜色的四种方法（不知道的可以看上一篇文章链接: http://t.csdnimg.cn/0BJ3O）设置后，背景颜色即改变。
二.背景图片
background-image: url("2.jpeg") ;
| 属性 | 作用 |
|---|---|
| none | 无图片（默认） |
| url | 后加图片的相对路径或绝对路径 |
background-image属性可以加入图片，通过此方法加入的图片方便设置位置。
三.背景平铺
background-repeat:no-repeat ;
| 属性 | 作用 |
|---|---|
| repeat | 在纵向和横向都平铺 |
| non-repeat | 都不平铺 |
| repeat-X | 在x方向平铺 |
| repeat-Y | 在y方向平铺 |
background-repeat属性可以设置图画是否平铺，默认都平铺。
四.背景位置
background-position: x y;
x，y代表x轴和y轴位置
| 参数 | 作用 |
|---|---|
| length | 百分数或由浮点数字和单位标识符组成的长度值 |
| position | top,center,bottom,left,center,right方位名词 |
参数是方位词
如果只填一个方位词，则第二个默认居中。
如果两个都是方位词，顺序无关。
参数是数值
如果只填写一个，则为x坐标，另一个默认垂直居中。
如果填两个，则第一个为x，第二个为y。
混合使用
两种混合使用，则第一个为x，第二个为y。
五.背景图像固定
background-attachment是设置背景图像是否随其余部分移动的属性。
background-attachment: scroll | fixed
| 参数 | 作用 |
|---|---|
| scroll | 背景图像随内容滚动 |
| fixed | 背景图像固定 |
七.背景半透明设置
background:rgba(0,0,0,0.5)
rgba中的a指的是透明的，取值在0~1之间，透明度只改变背景不改变内容。
八.背景尺寸
背景尺寸是用来控制背景大小的属性
background-size：contain | cover | 100px 100px | 30% 80%;
| 参数 | 作用 |
|---|---|
| contain | 缩小图片来适应容器的尺寸（保持像素的长宽比），图片宽高最长的那个边覆盖元素一边 |
| cover | 扩展图片来填满容器（保持像素的长宽比），是图片宽高最短的那个边覆盖元素一边 |
| 百分比 | 调整图片到指定大小，百分比相对于包含元素的尺寸（且不需要包含元素显示设置宽高） |
| 数值（px） | 调整到指定大小 |
这一期的内容就到这里了，本期采用了比较简洁的风格，文字表格居多，图片较少，大家喜欢图片多的还是少的，欢迎评论，希望本期内容能够帮助到你们。
