以文本方式查看主题

-  智睿软件_技术交流论坛  (http://zhirui.net/bbs/index.asp)
--  Web页面设计  (http://zhirui.net/bbs/list.asp?boardid=33)
----  [分享]CSS 背景图片重叠集锦  (http://zhirui.net/bbs/dispbbs.asp?boardid=33&id=3451)

--  作者:zhirui
--  发布时间:2014-11-21 11:17:10
--  [分享]CSS 背景图片重叠集锦
 
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;/*背景图片满屏平铺*/