使用图象作为背景

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

<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属性来设置网页的背景色,与所有图象一样,读入背景图象也是耗费时间的,当读入背景图象时,将会显示背景色直到图象全部读入。