![新手学Dreamweaver CS6+Flash CS6+Photoshop CS6网页设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/799/773799/b_773799.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
实例04 为网页中的图片添加指定颜色的边框
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0016_0001.jpg?sign=1739499550-rnjz38LcZtirGPFFOjpnFCLbQsLryCqn-0-4368534e3a0f4b84b5641d1b67c6e3fe)
案例说明:在DreamweaverCS6中是无法直接给网页中的图像添加边框的。本例主要通过对图片添加空链接,然后设置边框的大小与颜色,给图像添加上指定颜色的边框,可以使图片的表现方式更多样。
光盘文件:光盘\源文件与素材\01章\为网页中的图片添加指定颜色的边框
操作步骤
1 导入图像。新建一个网页文档,选择“插入→图像”命令,将一幅图像插入到文档中。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0016_0003.jpg?sign=1739499550-dMgiReQjZqZ14dJsZAoYtuwnKTFz2fMz-0-113abd0ca5639015d40442cc718fb116)
2 添加空链接。在网页中插入图片后,选中该图片,在“属性”面板中的“链接”文本框中输入“#”号,即可为图片添加空链接。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0016_0005.jpg?sign=1739499550-BP2SCZz6GjXFKNvdBP3w4lSTODZBNOu6-0-3da2cf53cda8d2dfede7b0247ec93810)
3 设置颜色。单击“属性”面板中的按钮,弹出“页面属性”对话框,选择“链接(CSS)”选项,为图片设置需要的链接颜色,本例设置为紫色。完成后单击
按钮。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0016_0009.jpg?sign=1739499550-Jk5LOuKrGwH4o2Iv5RM9CVU10pGIgEbi-0-9e6fd6ba181eda9a78a0862ec73db2f0)
4 浏览网页。保存文档,按下【F12】键浏览网页。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0016_0011.jpg?sign=1739499550-jSW6UCkgDtHDtJrQeqit7m8q2hoFdw1G-0-f7ffcff1b577e79a4f7f4081ae2d8825)