background-color背景色
-
颜色可以是css预设的特殊颜色，比如，red，black，white，blue
-
也可以是16进制，如 ＃0000ff
-
或者是红绿蓝颜色值 (RGB)，如 rgb(0,0,255)
background-color: red;
background-image背景图像
-
为背景图像指明url地址，可以是相对路径，也可以是绝对路径
-
默认图片是重复平铺的
background-image: url(/dist/img/layout/logo.png);
background-repeat 背景重复
上面我们看到默认背景图片是在x轴，y轴重复平铺的，我们可以通过设置background－repeat进行调整，常用取值：
no-repeat：不平铺
repeat-x：横向平铺
repeat-y：纵向平铺
repeat：平铺
background-repeat: no-repeat
background-position背景定位
背景默认是放置在左上角
background-position取值有三种形式，关键词，百分比和长度值
关键词
CSS定义了一些定位关键字：top、bottom、left、right 和 center。通常，这些关键字会成对出现，如background-position：top right 背景图片放置在右上角
如果只写1个关键词，如background-position：top，等同于background-position：top center或background-position：center top
background-position:center; //居中，等同于 center center
百分比
-
如 background-position:50% 50%，含义为背景图像的50% 50%处与 元素的 50% 50%处重合，也就是背景和元素的中心点重合，效果为背景图片居中
-
如 background-position:0% 0%，含义为图像的左上角与元素的左上角重合，等同于left top
-
如 background-position:100% 100%，含义为图像的右下角与元素的右下角重合，等同于right bottom
-
可见百分比是同时作用于背景图片和元素的
background-position:50% 50%;
长度值
-
如 background-position:0 0，含义为背景图片的左上角放置在元素的0 0（即左上角）处
-
如 background-position:m n，含义为背景图片左上角，放置在元素x方向m，y方向n处
-
m 和 n可以取负值
background-attachment 背景关联
如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。
您可以通过 background-attachment 属性防止这种滚动。通过这个属性，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响：
background-attachment: fixed;
注：有没有发现，当设置了background-attachment 后，background-position无效了，因为background-attachment 是相对于可视窗口的，和元素已经没有关系了
