12.background系列属性

1. background-color

   .box1{
     background-color: green;
    }
   .box2{
     background-color: rgb(0,255,0);
    }
   .box3{
     background-color: #00ff00;//16进制表示法，aabbcc形式的可简写为abc
   }

2. background-image:url()

   //图片会重复来铺满背景，如果图片过大，会部分展示图片
   url(../images/jj.jpg)
   url(http://jier.com)

3. background-repeat:设置背景图是否重复即重复方式

   .box{
    background-image:url(../images/jj.jpg);
    background-repeat:no-repeat;//repeat-x,repeat-y
   }
   

4. background-position

   .box{
    background-image:url(../images/jj.jpg);
    background-repeat:no-repeat;
    background-position:10px 10px;//向右偏移量，向下偏移量。值可以为负数表示左移上移，即浏览器遮住，还可用right,center,top,bottom,left等
    background-position:center top;//左右居中，上面置顶
   }

5. background-attachment//背景是否固定

   background-attachment:fixed;//页面滚动，背景图片不动

6. background综合属性
   

   background:red url(../img/jj.jpg) no-repeat 10px 10px fixed;
   //顺序不固定，某些可以不写，但两个数值必须连写