常见背景样式

background属性

- background-color

颜色的设置有三种方法：

1，英文单词如 red,yellow,blue,pink,black,等

background-color:red;

2，RGB(red,green,blue)，代表红色，绿色，蓝色，即三原色，
每个取值范围都是0-255，颜色由淡到深，在DW上可以直接选取 自己想要的颜色。而RGBA(red,green,blue,alpha)是在此基础上多了一个透明度，a的取值范围为0-1，由完全透明变到完全不透明。
红色：rgb(255,0,0) 绿色:rgb(0,255,0) 蓝色：rgb(0,0,255)
黑色：rgb(0,0,0) 白色：rgb(255,255,255)

background-color:rgb(255,255,255)

background-color:rgba(255,255,255,1)

3,十六进制数，以“#”开头，本质上就是RGB，每两位代表一个颜色，#ffffff实际上就是rgb(255,255,255)

background-color:#ffffff

- background-image

background-image:url(img/2,jpg)

- background-repeat

background-repeat:no-repeat /*不平铺*/
background-repeat:repeat-x /*x轴方向平铺*/
background-repeat:repeat-y /*y轴方向平铺*/

- background-position

background-position: 50% 30px
background-position: 100px 30px 

两个值分别代表向X,Y轴移动的距离

background-position:right bottom 

两个值分别代表在X,Y轴的位置，第一个取值为：left，center，right，第二个取值为：top,center,bottom，默认取值均为center。

background-repeat:repeat-x
background-position:center 0px

注意是从X轴中间开始平铺，但左边不会留下空白，会补齐。

- background-attachment

固定定位，滚动页面，图片不动。

background-attachment:fixed

注意：复合样式，所有的属性都可以直接用background包起来，这样比较简便。