使用图象作为背景
你可通过使用背景图象而使你的网页取得显著改观,背景图象将会在你网页上的其它所有的元素底下平铺开来。背景图象越小,重复的次数越多,看下面的例子:
<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属性来设置网页的背景色,与所有图象一样,读入背景图象也是耗费时间的,当读入背景图象时,将会显示背景色直到图象全部读入。