图片路径可以是绝对路径、根相对路径和文档相对路径
绝对路径是包括服务器协议的完全路径，比如“百度主页”，完全路径为：http://www.baidu.com/index.htm，如果所要链接当前站点之外的文档，就必须使用绝对路径。
相对路径包括根相对路径（Site Root）和文档相对路径（Document）两种。
根相对路径（也称相对跟目录）的路径以“/”开头，路径是从当前站点的根目录开始计算。比如我们前面建的D盘myweb目录就是名为“myweb”的站点，这时“/index.htm” 路径，就表示文件位置为D:\myweb\index.htm。根相对路径适用于链接内容频繁更换环境中的文件，这样即使站点中的文件被移动了，其链接仍可以生效。
文档相对路径就是指包含当前文档的文件夹，也就是以当前网页所在文件夹为基础开始计算路径。比如，当前网页所在位置为 D:\myweb\mypic，那么：
“a.htm”就表示 D:\myweb\mypic\a.htm；
“../a.htm”相当于 D:\myweb\a.htm，其中“../”表示当前文件夹上一级文件夹。
“img/a.gif”是指 D:\myweb\mypic\img\a.gif，其中“img/”意思是当前文件夹下名为 img 文件夹。
文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档。
相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。1 两个文件在同一个文件夹下，直接写文件名即可
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\index.html
在info.html加入index.html超链接的href应该这样写：index.html
2 要引用的文件在下一级文件夹下，文件名前加子文件夹名称
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在info.html加入index.html超链接的href应该这样写：html/tutorials/index.html
3 要引用的文件在上一级文件夹下，文件名前加../
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html
在info.html加入index.html超链接的代码应该这样写：<a href="../index.html">index.html</a>
举一反三： ../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。
4 更复杂的情况：
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\html\index.html
在info.html加入index.html超链接的代码应该这样写：<a href="../html/index.html">index.html</a>
css的例子：
如果：网页文件夹下有3.gif和themes文件夹；
themes文件夹下有css文件、1.gif和images文件夹；
images文件夹下有2.gif
那么CSS文件中可以写：
background:url(images/2.gif)
background:url(1.gif)
background:url(../3.gif)
我自己喜欢用dreamweaver，点了url以后在对话框中选图片，免得写错。。
设定图片超链接，用css样式来实现，其实就是给这个图片的块添加超链接，我们可以通过在这个块的前面添加一个a标签来实现，然后填写上你所需要的链接地址就行了，通过代码来理解：<html>
<head>
<style>
#div1{
width:660px
height:400px
border:1px soild #f00
}
</style>
</head>
<body>
<div id='div1'>
<a href=""><img src='图片地址'></a>
</div>
</body>
</html>
