3.
条状背景
条状背景与沙纹背景是比较相似的，它适用于页面背景在水平或竖直方向上看是重
复排列的，而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复
排列，与沙纹背景所不同的是它只让图片在一个方向上重复排列。
以在竖直方向上排列为例，首先用图像处理软件做一个从左到右为蓝白渐变的水平
条状图片，其长度与页面的宽度相当。也通过
<body background="picture">
将其设为页面背景，经浏览器显示后，就成为整个页面从左到右蓝白渐变的分栏颜
色背景。当然，也可以用类似的方法实现条状背景在水平方向上的重复排列。
4.
照片背景
把自己或朋友的照片作为页面的背景让大家看到，是有点令人激动的事情，但浏览
器对图片的自动重复排列却使这一愿望难以实现。怎么办呢？只有想不到的，没有做不到
的，这里我们用上一点简单的 CSS。在网页文件的<head>……</head>之间加入下面的 CSS
语句:
<style type="text/css"><!--body{background-image:url(myphoto.jpg);background-repeat:no-
repeat;background-attachment:fixed;background-position:50% 50%}--></style>
这样，在网页页面中，就可以看到你的照片位于页面的正中间，而且在拉动浏览器
窗口的滚动条时，照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片
位 于 页 面 的 正 中 间 不 满 意 ， 你 也 可 以 随 意 地 调 整 它 在 页 面 中 的 位 置 ， 只 需 要 调
整"background-position"
的值就可以了。
5.
复合背景
“
” “
”
如果你在练习上面的 照片背景 时 不小心 也设置了<body>标签里的颜色背景，那
么你看到了什么？颜色背景还起作用吗？对，你能看到你的照片浮于你设的颜色背景之
上，二者能够同时正常地显示出来。这就是复合背景的魅力，更为吸引人的是，当你所设
置的图片背景因为某种不可知的因素而不能正常显示的时候，浏览器能够自动用你所设
置的颜色背景取而代之。它的设计方法，就不用我再多说了吧！
6.
局部背景
前面我们所说的背景都是整个页面的背景，能不能在页面上为某个局部的内容设置
属于它自己的背景呢？回答是肯定的。
最为常见的是在表格的设计当中，我们可以为表格设置一个不同于页面的背景，甚
至在不同的表格单元中，我们也可以设置各个表格单元自己的背景。请看下面这个表格例
子：