如何用DW给图片添加我们喜欢的颜色边框

如何用DW给图片添加我们喜欢的颜色边框,第1张

1、现在我们有了DW中想实现这一个步骤就容易很多了,在这个软件当中有一个“Border”属性的工具,这个工具是可以让你直接设置边框的宽度,相比以前我们想要给素材添加边框这个功能给我们省了很多的时间,而且它添加的效果也相当的不错,给大家推荐推荐。 2、我们来看看这个工具的具体的 *** 作办法到底是怎么样实现的,给我们的素材设置好宽度后,接下来就是大家都非常关注的问题了,怎么给我们添加好的框填充成我们喜欢的颜色,大家看了一下工具栏里面发现没有给边框添加颜色这个工具啊!很茫然吧,教大家一个小技巧吧,就是用我们的鼠标选择我们加好边框的图片,这里要注意不是点击选中图片,而是拖动选择。接下来就像设定文字颜色一样对我们的图片进行设置颜色就可以了,是不是很简单?

*** 作步骤:

1.在Dreamweaver里新建html文档,图片要事先准备好并放到指定文件夹下。

2.在body里添加<img src="images/xcg.png" style="width:268pxheight:268pxborder:10px outset #CCCCFF" />改语句。其中:img是图片标签 src表示图片资源,images/xcg.png表示图片路径,style表示样式,width表示宽度,height表示高度,border表示图片边框,outset表示边框突出,#CCCCFF表示边框颜色。

3.效果图。

网页完整代码清单如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<!--给图片增加凸出边框-->

<img src="images/xcg.png" style="width:268pxheight:268pxborder:10px outset #CCCCFF" />

</body>

</html>

1、打开Dreamweaver_⑿陆ㄒ桓_TML。

2、点击菜单中的“插入---HTML---框架线”,插入一条框架。

3、然后,点击拆分。

4、在代码中,输入color在下面出来是颜色框中,选择我们要设置的框架分割线的颜色。也可以自定义颜色。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11635153.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存