网页背景设计全攻略

作者：

网页中的背景设计是相当重要的，尤其是对于个人主页来说，一个主页的背景就相当于
一个房间里的墙壁地板一样，好的背景不但能影响访问者对网页内容的接受程度，还能
影响访问者对整个网站的印象。如果你经常注意别人的网站，你应该会发现在不同的网站
上，甚至同一个网站的不同页面上，都会有各式各样的不同的背景设计。究竟都有哪些不
同样式的背景，还有它们的设计方法都是怎样的呢，现在就由我来为大家作一个比较完

整的总结。

颜色背景

　　颜色背景的设计是最为简单的，但同时也是最为常用和最为重要的，因为相对于图
片背景来说，它有无与伦比的显示速度上的优势。在网页文件中，一般通过<body>标签来
指定页面的颜色背景，其 HTML

语法为：

　　其中的"color"表示不同的颜色，可以用各种不同的颜色表示方法，比较常用的有直
接用颜色的英文名称，如 blue、yellow、black 等等，还可以用颜色的十六进制表示方法，
如#0000FF、#FFFF00、#000000 等等，此外还可以用百分比值法和整数法，其效果都是一

样的。

　　颜色背景虽然比较简单，但也有不少地方需要注意，如要根据不同的页面内容设计
背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。

沙纹背景

　　沙纹背景其实属于图片背景的范畴，它的主要特点是整个页面的背景可以看作是局
部背景的反复重排，在这类背景中以沙纹状的背景是为常见，所以我们将其统称为沙纹

背景。

　　初学主页制作者都有这样的经历，当试图把自己的照片作为页面的背景是，却发现
浏览器上显示出来的不仅仅是一个照片，而是同一照片在水平和竖直方向上的反复排列。
这就是浏览器处理图片背景时的规律方法，利用这一规律我们可以用一小块图片作为页

面背景，让它自动在页面上重复排列，铺满整个页面，从而使网页的体积大大减小。

　　读者到现在恐怕都已经知道了沙纹背景的原理和实现方法，就是找一个小的图片，
越小越好，但注意要使最后的背景看起来要像一个整体，而不是若干图片的堆砌。其实现
的 HTML

语法如下：

　　其中的"picture"表示背景图片的 URL

路径。