html中各种背景图片的用法

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 0px 0px;/*不重复背景图片定位第一个0px是指x轴也就是横向,第二个0px是指y轴也就是纵向*/

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

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

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

发表评论