background-color

---

背景颜色

background-image

---

背景图片
如果背景图片和元素一样大，则背景图片正常显示；

如果背景图片小于元素，则图片会在元素中平铺；
如果背景图片小于元素，则有部分背景图片无法显示；

background-repead

---

背景的重复方式

可选值
repeat	默认值，背景会沿x、y双方向重复
repeat-x	背景仅沿x方向重复
repeat-y	背景仅沿y方向重复
no-repeat	背景图片不重复

background-position

---

背景图片位置
设置方式：
通过top、left、right、bottom、center；
使用方位必须同时指定两个值，如果只写一个则第二个默认就是center；
通过偏移量来指定背景图片的位置
水平方向的偏移量，垂直方向的偏移量；

background-clip

---

背景范围

可选值
border-box	默认值，背景会出现在边框的下边和内边距
padding-box	背景不会出现在边距，只会出现在内容区
center-box	背景只出现在内容区

background-origin

---

背景偏移量的计算原点

可选值
padding-box	默认值，background-position从内边距开始出现
center-box	背景图片的偏移量从内容去处计算
border-box	背景图片的偏移量从边框处计算

background-size

---

背景图片的大小
第一个值表示宽度，第二个值表示高度；如果只写一个值则第二个值默认是auto；

可选值
cover	图片的比例不变，将元素铺满
contain	图片的比例不变，将图片在元素中完整的展示

background-attachment

背景图片是否跟随元素移动

可选值
fixed	背景会固定在页面中，不会跟随元素移动
scoroll	默认值，背景图片会跟随元素移动

background

---

背景相关的简写属性，所有背景相关的样式都可以通过该样式来设置，没有顺序要求，也没有属性是必须写的；
注意：
1、background-size必须写在background-position的后边并且使用 / ；
2、background-originbackground-clip 这两个样式，orgin要在clip的前边；