接着前天的文章继续。

三、背景图片的运用

红邮票这个主题类似邮票的锯齿形边缘在css中是如何实现的呢？其实很简单：整张网页是由5张图片通过拼接组合而成的，而这５张图片只要分别应用到html中相应的标签上就可以了。如下图：

需要说明的是第4张图片，也就是页面主体内容的背景图，由于页面内容的长度是不固定的，所以这张图片运用了在y轴上平铺的方法来填满整个内容区，这样就保证了可伸缩的灵活性。

这5张图片中最大的一张图片是第5张，也就是页脚的那张背景图，它的尺寸是820像素宽，140像素高，大小为25.4kb，在网页设计上应该说已经不算小了，这么大的图片如果在拨号上网的那个时代来用的话，几乎是不可能的，因为以28.8Kbps的下载速度将这张图片完全下载下来，需要大约10秒钟的时间，而网页的访问者根本等不了这么长时间，没等整个网页完全打开，鼠标就已经开始点击浏览器右上角的红叉了。

随着宽带越来越普及，网页设计者们越来越敢用大的背景图片了，因为看起来很大的一张图片，1、2秒钟也就下载下来了，访问者几乎察觉不到下载图片所造成的延迟，这也就是为什么大背景的网页设计越来越多的原因。

红邮票这个主题的5张图片可以说是整个网页设计的核心。作者类似邮票样式的设计方案全靠这几张图片来体现，可以看出图片对一个好的网页设计来说是多么重要。更进一步可以说，学好photoshop这类图像软件对于网页设计来说是非常重要的。