css中background背景属性概述

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

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

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


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

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

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

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


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


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

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

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

 

转载于:https://www.cnblogs.com/aobingyan/p/3750996.html