Dreamweaver CS6如何应用：[30]设置URL路径

在互联网领域中，URL是统一资源定位符的缩写，功能是设置一个文件。文档或图片等对象擢爻充种的路径。通过设置的路径，用户可以获取或调用此对象信息。在CSS中，通过URL可以设置某页面元素的指定样式。

工具/原料

DreamweaverCS6

方法/步骤

1、相对路径是指相对于某文件本身所在位置的路径。例如，厢咆廨炝某CSS文件和图片1.jpg处在服务器的同一目录下，当通过CSS调用此图片时，可以使用如下代码实现：body{惺绅寨瞀background:URL(1.jpg);}

2、绝对路径是指某应用对象放在网络空间中的绝对位置，是它实际的存鹾烯轮挤放位置。例如，如下代码通过绝对路径来设置某图片为背景图片。body{background:URL(http://www.sin锾攒揉敫a.com/news/guoji/1.jpg);}

3、具体操作如下：新建一个HTML空白页

4、点击CSS控制面板新建CSS规则，在弹出的对话框选择器中选择‘类’，名称为‘aaa'

5、在弹出的’。aaa的CSS规则定义‘对话框中，在分类栏选择’方框‘选项，设置’宽‘为400像素，高为200像素，

6、在分类栏选择’背景‘，在’背景图片选择已经准备好的，存在站点里的图片

7、另外新建一个新的CSS规则，命名为‘bbb'

8、设置方框的宽400像素，高200像素，

9、在’背景‘的’背景图像‘中黏贴进网页图片的地址，具体的地址可以右击，会出现’复制图片地址选项，如下：

10、黏贴进去之后，点击确定

11、在菜单栏选择‘插入’----‘布局元素’---‘div标签'，在弹出的’插焯拜芪恨入div‘对话框中，类的选择为’aaa'

12、效果如下：

13、再插入一个DIV标签，选择‘在结束标签之前‘插入，类选择’bbb'

14、效果如下：

15、这两张图片的区别在于，第一张图片，即类名为aaa的图像地址在本地站点，类名为bbb的图片地址在网络上面，所以链接的路径不同