2025年5月30日 星期五 农历 下月5日芒种 免费收录 快速收录 最新收录 TAGS 工具大全
首页/ > 分享资讯/ > 开发工具

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

时间:2023-11-06 20:27:09人气:14次 栏目:开发工具
【导读】:四眼客目录在线提供,dw怎么给鱼片添加边框线? dreamweaver图片添加边框的方法开发工具爱好者免费阅读。本文地址:http://www.ooooke.com/soft/159.html

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

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

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

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

给图片添加内边框

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

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

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

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

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

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

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

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

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

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

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

看图片!

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

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

给图片添加外边框

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

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

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

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

在stlye这里设置边框的样式

在color这里设置边框的颜色

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

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

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

给图片添加双色边框

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

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

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

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

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

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

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

标签:

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、文章来源:本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

网站公告 关于我们 版权申明 网站地图
Copyright © 2025 ooooke.com 浙ICP备15022117-2号