html给body设背景图片,css设置body背景图片随内容增加多少显示多少

css设置body背景图片随内容增加多少显示多少经验篇

在CSS布局时，可能有时会遇到对body直接设置图片作为网页背景水平纵向平铺(从上到下居中平铺)，此时整个网页无论内容是否占满一屏幕，css背景都会从上到下铺(纵向)满整个屏幕。但有时我们不需要这样的一个效果，需要内容占用多高，body背景就纵向从上到下铺满多少高度。很明显这样就达不到我们想要的效果。

解决方法：

对html再设置个背景(无论图片还是纯色，推荐设置纯颜色的背景颜色)

接下来DIVCSS5通过实例为大家介绍此技巧，首先DIVCSS5分为两个案例，一个是直接对body设置背景图片从上到下平铺，我们会观察到无论网页内容是否占满一屏幕，背景都会从上到下满铺。

一、未解决背景纵向平铺CSS DIV案例   -   TOP

1、DIV CSS案例描述

首先对body设置一个背景图片(bg.gif)从上到下平铺，设置一个div盒子宽度为274px,高度为200px;div背景颜色为蓝色。

html>

CSS案例 在线演示 DIVCSS5

DIVCSS5实例内容