下面以实例说明背景图片的设置与显示效果。
（1）设置一个图片文件作为网页的背景，默认情况下不设置bgproperties 属性，此时图片将在水平和垂直方向平铺图像，代码如下：
<html>
<head>
<title>背景图片</title>
</head>
<body background="1/01.jpg">
</body>
</html>
运行这段代码，可以看到图像在水平和垂直方向平铺。
（2）如果希望图片不重复显示，一般情况下需要借助CSS 样式，这里简单介绍一下。对于网页背景的样式设置，一般在头部标记中添加 style 标记，代码如下：
<html>
<head>
<title>背景图片</title>
<style type="text/css">
body {background-repeat:no-repeat}
</style>
</head>
<body background="1/01.jpg">
</body>
</html>
在这段代码中，background-repeat 的值设置为no-repeat，也就是不重复。如果在这段代码中，将background-repeat 的值设置为repeat-x，则背景图片只在水平方向平铺。相反，如果设置为repeat-y，则只在垂直方向平铺。
（3）除了设置背景是否重复之外，在网页中还可以设置背景图片是否变化。这一属性是通过bgproperties 参数来设定的，将bgproperties 的值设置为fixed，背景图片会固定在页面上静止不动。其代码如下：
<html>
<head>
<title>背景图片</title>
</head>
<body background="1/02.jpg" bgproperties=fixed>
</body>
</html>
运行这段代码后的效果：当拖动滚动条时，会发现只有文字在动，而背景是静止不动的。