css中background背景属性概述

1. background:url(背景图片路径) no-repeat;/*不重复默认在左上方*/

2. background:url(背景图片路径) no-repeat center;/*不重复背景图片中间显示*/

3. background:url(背景图片路径) no-repeat bottom center;/*不重复背景图片底部中间显示*/

4. background:url(背景图片路径) no-repeat right top;/*不重复背景图片右上方显示*/

5. background:url(背景图片路径) no-repeat right bottom;/*不重复背景图片右下方显示*/

6. background:url(背景图片路径) no-repeat left bottom;/*不重复背景图片左下方显示*/

7. background:url(背景图片路径) #000 no-repeat;/*背景色上插入不重复背景图片*/

8. background:url(背景图片路径) no-repeat 0px 0px;/*不重复背景图片定位第一个0px是指x轴也就是横向,第二个0px是指y轴也就是纵向*/

9. background:url(背景图片路径) repeat-x;/*背景图片横向平铺*/

10. background:url(背景图片路径) repeat-y;/*背景图片纵向平铺*/

11. background:url(背景图片路径) repeat;/*背景图片满屏平铺*/