![新手学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=1738832910-058bxR3OYU9SBu7OFRQ57ZWzcssOVpyB-0-433b28e5eb764d83263f45d2401fae6a)
案例说明:在DreamweaverCS6中是无法直接给网页中的图像添加边框的。本例主要通过对图片添加空链接,然后设置边框的大小与颜色,给图像添加上指定颜色的边框,可以使图片的表现方式更多样。
光盘文件:光盘\源文件与素材\01章\为网页中的图片添加指定颜色的边框
操作步骤
1 导入图像。新建一个网页文档,选择“插入→图像”命令,将一幅图像插入到文档中。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0016_0003.jpg?sign=1738832910-q0zCM8QyL830mgFIzirdbMXUhH8bCAWU-0-46e223a2eae717e738274c70cd30cf55)
2 添加空链接。在网页中插入图片后,选中该图片,在“属性”面板中的“链接”文本框中输入“#”号,即可为图片添加空链接。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0016_0005.jpg?sign=1738832910-h4Vtog2ubhNWmSV72xfdPS5K7uP8Rsrr-0-1322620eae21e72706bd4512d39fbef5)
3 设置颜色。单击“属性”面板中的按钮,弹出“页面属性”对话框,选择“链接(CSS)”选项,为图片设置需要的链接颜色,本例设置为紫色。完成后单击
按钮。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0016_0009.jpg?sign=1738832910-cyplz4X2Q2atsn6d54lnA12gsh85f2V5-0-01577967f6f792fc8bcc1c0511a38597)
4 浏览网页。保存文档,按下【F12】键浏览网页。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0016_0011.jpg?sign=1738832910-X3gucJMVgQoVAL4c7vkQYxTwp5nX2ijv-0-4f4d827dd92993c31a60f1822068a554)