前面已经介绍了网页设计中的前景和背景色基础知识，下面来讨论背景图像。在HTML3.2中，可以通过使用BODY属性BACKGROUND向文档的背景关联一个图像：
<BODY BACKGROUND="bg23.gif">
这会使用户代理加载文件知然后把它“平铺”在文档背景中，沿水平方向和垂直方向重复放置这个图像，填满文档的整个背景。这种效果利用网站建设CSS也可以达到，不过CSS并不只是简单地将背景图像平铺，还能做更多的工作。首先来介绍基础知识，再来看如何使用。
使用图像
首先，要把图像放入背景，需要使用属性background-image。
background-image
值：<uri> | none | inherit
初始值：none
应用于：所有元素
继承性：无
计算值：绝对URI
默认值none表示的含义正是网页设计师所期望的：背景上没有放任何图像。如果设计师希望有一个背景图像，必须为这个属性指定一个URL值：
body{background-Image:url(bg23.gif);}
如果其他背景属性取默认值，这就会把图像bg23.gif平铺在文档的背景上，如图9-12所示。不过，稍后会看到，在网页设计中平铺并不是唯一的选择。
注意：指定背景图像的同时可以再指定一个背景色。这往往是个好主意，本章稍后还会再谈到这个概念。
允许向任何元素应用背景图像，可以是块级元素也可以是行内元素。当然，大多数背景都应用到body元素，不过并不仅限于此：
图9-12：在网站建设CSS中应用一个背景图像
p.starry(background-image:url(http://www.site.web/pix/stars.gif); color:white;}
a.grid{background-image:url(smallgrid.gif);}
<p class="starry">It's the end of autumn,which means Che stars will be brighter than ever!<a href="join.html*class="grid">Join us</a>for a fabulous evening of planets,scars,nebulae,and more…
在图9-13中可以看到，这里向一个段落应用了一个背景，而没有对文档的其他部分应用背景。还可以进一步定制，如把背景图像放在超链接等行内元素上，这在图9-13中也有显示。当然，如果网页设计师希望能看到平铺模式，可能要求这个图像必须很小。毕竟，单个字母不会太大！
图9-13：为块级元素和行内元素应用背景图像
有很多方法可以利用特定的背景图像。可以把图像放在strong元素的背景中，使之更突出。可以用波浪模式或小圆点填充标题的背景。甚至可以在表单元格中填入模式，使之与页面中的其他部分相区别，如图9-14所示：
td.nav{background-image:url(darkgrid.gif);}
图9-14：设置表单元格的背景图像
理论上讲，甚至可以向textareas和select列表等替换元素的背景应用图像，不过并不是所有用户代理都能很好地处理这种情况。
类似于background-color,background-image也不能继承——实际上，所有背景属性都不能继承。还要记住，指定背景图像的URL时，关于url值的限制和警告还是一如从前：相对URL要结合样式表来解释，不过Navigator 4.x不能正确地做到这一点，所以绝对URL可能是一个更好的选择。
当前文章标题：网页设计中的背景图像
当前URL：http://www.lyjtt.cn/news/wzzz/background-image.html
上一篇：网页设计中的背景特殊效果
下一篇：网页设计中背景不能继承
