使用图象作为背景

你可通过使用背景图象而使你的网页取得显著改观，背景图象将会在你网页上的其它所有的元素底下平铺开来。背景图象越小，重复的次数越多，看下面的例子：

<HTML>

<HEAD>

<TITLE> Background Image </TITLE>

</HEAD>

<BODY BACKGROUND=

”mylittleimage.gif”>

Hello World!

</BODY>

</HTML>

当这个HTML文件在网络浏览器上显示时，图象mylittleimage.gif在水平和竖直方向上重复排列开来（见图5.15）。如果你使用较大的图象，图象不会平铺（见图5.16），你在这两幅图中可看见两种效果。

图5.15 小图片在屏幕上平铺

注意

为网页选择背景图象时要小心，选择一个糟糕的背景图象会使显示在它上面的文字无法阅读，如果网页上有大量的文本，最好不要选择背景图象。

图5.16 大图片在屏幕上平铺

使用背景图象的另一个有趣效果是在网页左端显示一个彩色竖条，这个效果是通过使用一幅只有一个象素高但有1200个象素宽的图象实现的。这幅图象的前300个象素是一种颜色，而后900个象素是另一种颜色，当这幅图象在屏幕上平铺时，由于它的宽度比屏幕宽，因此只在竖直方向上重复（如图5.17）。

图5.17 具有两列不同色彩的背景

Microsoft在<BODY>标识符里添加了一个只在Internet Explorer上起作用的属性。通常滚动一个有背景图象的网页时，背景图象也跟着滚动，然而有时你希望背景图象固定不动。你可使用<BODY>标识符的BGPROPERTIES属性来实现这一效果。例如，如果你想让图象myimage.gif固定不动，你可使用下面的语句：

对于短小的网页，这个附加的属性没有什么特别的用处。但如果你的网页很长，需要滚动时，你就会注意到背景图象没有滚动。

即使你在使用背景图象，你还应该使用<BODY>标识符的BGCOLOR属性来设置网页的背景色，与所有图象一样，读入背景图象也是耗费时间的，当读入背景图象时，将会显示背景色直到图象全部读入。