华域联盟 Dreamweaver dw怎么给鱼片添加边框线? dreamweaver图片添加边框的方法

dw怎么给鱼片添加边框线? dreamweaver图片添加边框的方法

在dreamweaver中,我们可以给图片添加各种样式的边框,比如:外边框 ,内边框,双色边框。下面我给大家演示下给图片添加这三种边框的操作方法,希望本文可以帮到有需要的朋友们。

Dreamweaver CC 2019 19.0 中文特别版(附破解步骤+破解补丁) 64位

  • 类型:网页设计
  • 大小:956MB
  • 语言:简体中文
  • 时间:2018-10-16


查看详情

给图片添加内边框

如下所示,在设计器中选择body img

再用鼠标点击一下图片,选中图片。

然后,在右侧这里点击背景按钮,在这里设置一个背景颜色,此颜色是边框颜色。

接着,鼠标点住右侧的滑块,向上拉,拉到padding这里,在这里设置内边框的粗细。

在框内的中心位置,点击一下,加上链接。如下图所示。

再上下左右的任意一处设置一个数值,那么其他方向的都会自动添加同一数值

看图片!

已给图片添加内边框了。边框颜色即时刚才所设置的背景颜色。

给图片添加外边框

接下来,演示下添加外边框的操作方法。同样用上面这张图片为例演示

如下所示,点击边框按钮,再点击所有边按钮。

然后在width这里设置边框粗细

在stlye这里设置边框的样式

在color这里设置边框的颜色

三者设置后,再看图片,即添加上了自己想的边框了。这是添加外边框的方法

给图片添加双色边框

上面所讲的边框都是单色的。下面,我给大家分享添加双色边框的方法。

同样使用上面添加内边框时所设置的背景色,在这里是设置绿色背景。

然后,同样使用上面添加外边框的所设置的边框颜色,为黄色。

现在要添加双色边框的话,要点在于,在stlye这里设置边框样式时,要设置为double

边框样式设置为double之后,再看图片时,就可以看到添加了双色边框了。背景色加边框色的双色边框。

以上就是dreamweaver给图片添加边框的技巧,希望大家喜欢,请继续关注华域联盟。

相关推荐:

dreamweaver网页上怎么制作DIV图层?

Dreamweaver文字或图片怎么添加空连接?

DW2017图片文字怎么并排排列? HTML图片/文字并排排列代码写法

本文由 华域联盟 原创撰写:华域联盟 » dw怎么给鱼片添加边框线? dreamweaver图片添加边框的方法

转载请保留出处和原文链接:https://www.cnhackhy.com/159824.htm

本文来自网络,不代表华域联盟立场,转载请注明出处。

作者: sterben

发表回复

联系我们

联系我们

2551209778

在线咨询: QQ交谈

邮箱: [email protected]

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部