背景

1、简单背景：
（1） 图片：background: url(img/back.jpg) 20px 20px;

（2） 颜色：background: #ffff；

2、基本背景:
background-color:bisque;

background-image: url(img/back.jpg);

/*repeat-x、repeat-y、repeat、no-repeat*/

background-repeat: no-repeat;

/*要求图片固定在浏览器一角或一侧时用fixed属性，否则默认scroll*/

background-attachment: fixed;

/*repeat-x时定位左右无效，repeat-y时定位上下无效，repeat时定位完全失效*/

/*background-position:top right;*/

background-position: left top ;

3、新属性background-origin：
background-size:50px 40px;

/*背景图片的原点位置，content-box，padding-box或border-box*/

background-repeat:no-repeat;

background-origin:border-box;

4、新属性background-clip：
背景图片的剪切，content-box，padding-box或border-box，在webkit内核下还有text属性

background-image:url(img/back.jpg) ;

/*不兼容ie8*/

background-size:90px 120px;

background-repeat:no-repeat;

background-clip:border-box;

5、新属性background-size：
auto：原像素，

90px120px：自定义像素，

90px：根据这一像素，按原比例调整像素，

50%：占div的比例；

cover：放大填充

contain：按原比例缩放到div，不够的留白

6、新属性多背景属性 background:background-image|background-position|background-size|background-repeat|background-attachment|background-clip|background-origin,*