CSS背景颜色 背景图片 居中 重复 固定样式background经验篇.doc

CSS背景颜色背景图片居中重复固定样式background经验篇
BackgroundCSS背景图片与CSS背景颜色样式技术经验篇
我们使用HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"CSSBackground样式属性，可以设置HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"网页背景单一颜色、网页HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"背景为图片、网页背景图片居中于网页、网页背景图片网页固定位置、网页背景图片中网页中重复平铺等HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"css背景样式介绍与案例讲解。
扩展阅读：HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"CSS背景Background基础：HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"http://www.divcss5.com/rumen/r125.shtml
背景颜色背景图片目录
CSS背景background图片
CSS背景颜色
背景为颜色与为图片总结
一、CSS背景background图片
1、背景图片语法HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"background-image:url()引入背景图片HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"background-repeat:no-repeat设置背景图片是否重复平铺HYPERLINK"http://www.divcss5.com/wenji/w496.shtml"background-position:lefttop设置图片的HYPERLINK"http://www.divcss5.com/wenji/w496.shtml"css背景定位，left代表靠左，top代表靠上
简写背景图片语法：HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"background:url(图片地址)no-repeatlefttop
2、背景图片设置Body{background:url(http://www.divcss5.com/img201301/divcss5-logo-2013.gif)no-repeat00}这里设置了图片“http://www.divcss5.com/img201301/divcss5-logo-2013.gif”作为网页背景不重复并靠上靠左显示。，
3、CSS背景图居中
横向居中：background:url(图片地址)no-repeatcentertop
纵向居中：background:url(图片地址)no-repeatleft50%这里50%是随意设置考上为50%距离，细节具体上下垂直居中需要再通过百分比均衡设置。
4、背景图片一般案例Body设置网页背景css代码body{background:url(http://www.divcss5.com/img201301/divcss5-logo-2013.gif)no-repeat00}
HYPERLINK"http://www.divcss5.com/jiqiao/j242.shtml"CSS图片背景案例截图
不重复也不平铺图片背景截图
5、divcss背景图片居中Css背景图片居中代码：body{background:url(http://www.divcss5.com/img201301/divcss5-logo-2013.gif)no-repeatcenter0}这里我们用了“center”居中属性，更多详情可进入css背景了解基础
居中截图
背景图片居中于网页截图
6、背景图片横向平铺
CSS背景X横向平铺代码：body{background:url(http://www.divcss5.com/img201301/divcss5-logo-2013.gif)repeat-x}
案例截图：
Y轴横向平铺图片背景截图
7、背景图片纵向平铺
CSS背景Y纵向平铺代码：body{background:url(http://www.divcss5.com/img201301/divcss5-logo-2013.gif)repeat-y}
平铺重复图片背景效果截图：
纵向Y轴方向垂直平铺图