预览加载中，请您耐心等待几秒...

css设置body背景图片随内容增加多少显示多少.doc

预览
1/4
2/4
3/4
4/4

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

css设置body背景图片随内容增加多少显示多少 HYPERLINK"http://www.divcss5.com/"css设置body背景图片随内容增加多少显示多少经验篇 在HYPERLINK"http://www.divcss5.com/"CSS布局时，可能有时会遇到对HYPERLINK"http://www.divcss5.com/html/h356.shtml"body直接设置图片作为网页背景水平纵向平铺（从上到下居中平铺），此时整个网页无论内容是否占满一屏幕，HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"\t"_blank"css背景都会从上到下铺（纵向）满整个屏幕。但有时我们不需要这样的一个效果，需要内容占用多高，body背景就纵向从上到下铺满多少高度。很明显这样就达不到我们想要的效果。 解决方法：对HYPERLINK"http://www.divcss5.com/html/"\t"_blank"html再设置个背景（无论图片还是纯色，推荐设置纯颜色的HYPERLINK"http://www.divcss5.com/jiqiao/j369.shtml"\t"_blank"背景颜色） 接下来DIVCSS5通过实例为大家介绍此技巧，首先DIVCSS5分为两个案例，一个是直接对body设置背景图片从上到下平铺，我们会观察到无论网页内容是否占满一屏幕，背景都会从上到下满铺。 一、未解决背景纵向平铺HYPERLINK"http://www.divcss5.com/"CSSDIV案例 1、HYPERLINK"http://www.divcss5.com/"DIVCSS案例描述首先对body设置一个HYPERLINK"http://www.divcss5.com/jiqiao/j369.shtml"\t"_blank"背景图片（bg.gif）从上到下平铺，设置一个HYPERLINK"http://www.divcss5.com/"div盒子HYPERLINK"http://www.divcss5.com/rumen/r119.shtml"\t"_blank"宽度为274px,HYPERLINK"http://www.divcss5.com/rumen/r123.shtml"\t"_blank"高度为200px;HYPERLINK"http://www.divcss5.com/rumen/r540.shtml"\t"_blank"div背景颜色为蓝色。 2、案例HYPERLINK"http://www.divcss5.com/html/h26.shtml"\t"_blank"HTML源代码： <!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>HYPERLINK"http://www.divcss5.com/shili/"\t"_blank"CSS案例在线演示DIVCSS5</title> <linkhref="images/style.css"rel="stylesheet"type="text/css"/> <!--www.divcss5.com--> </head> <body> <divclass="divbox">DIVCSS5实例内容</div> </body> </html> 3、案例HYPERLINK"http://www.divcss5.com/rumen/r95.shtml"\t"_blank"CSS代码： @charset"utf-8"; /*DIVCSS5-CSS初始化模板-www.divcss5.com*/ body,div{margin:0;padding:0;font-style:normal;font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif} /*\5B8B\4F53代表宋体，更多中文字体转Unicodehttp://www.divcss5.com/jiqiao/j325.shtml*/ ol,ul,li{list-style:none} body{color:#FFF;HYPERLINK"http://www.divcss5.com/rumen/r125.shtml"\t"_blank"background:#E2E2E2url(bg.gif)repeat-ycenter0;text-align:center} .divbox{mar