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,*