http://www.divcss5.com/jiqiao/j369.shtml
1、背景图片语法
background-image:url() 引入背景图片
background-repeat:no-repeat 设置背景图片是否重复平铺
background-position:left top 设置图片的css背景定位,left代表靠左,top代表靠上
简写背景图片语法:
background:url(图片地址) no-repeat left top
2、背景图片设置
Body{background:url(http://www.divcss5.com/img201301/divcss5-logo-2013.gif) no-repeat 0 0 }
这里设置了图片“http://www.divcss5.com/img201301/divcss5-logo-2013.gif”作为网页背景不重复并靠上靠左显示。,
3、CSS背景图居中
横向居中:
background:url(图片地址) no-repeat center top
纵向居中:
background:url(图片地址) no-repeat left 50%
这里50%是随意设置考上为50%距离,细节具体上下垂直居中需要再通过百分比均衡设置。
4、背景图片一般案例
Body设置网页背景css代码
body{background:url(http://www.divcss5.com/img201301/divcss5-logo-2013.gif) no-repeat 0 0}
CSS图片背景案例截图
普通CSS背景图片设置截图
不重复也不平铺图片背景截图
5、div css背景图片居中
Css背景图片居中代码:
body{background:url(http://www.divcss5.com/img201301/divcss5-logo-2013.gif) no-repeat center 0}
这里我们用了“center ”居中属性,更多详情可进入css 背景了解基础