在dreamweaver中,我们可以给图片添加各种样式的边框,比如:外边框 ,内边框,双色边框。下面我给大家演示下给图片添加这三种边框的操作方法,希望本文可以帮到有需要的朋友们。
dw怎么给鱼片添加边框线? dreamweaver图片添加边框的方法
给图片添加内边框
如下所示,在设计器中选择body img
再用鼠标点击一下图片,选中图片。
然后,在右侧这里点击背景按钮,在这里设置一个背景颜色,此颜色是边框颜色。
接着,鼠标点住右侧的滑块,向上拉,拉到padding这里,在这里设置内边框的粗细。
在框内的中心位置,点击一下,加上链接。如下图所示。
再上下左右的任意一处设置一个数值,那么其他方向的都会自动添加同一数值
看图片!
已给图片添加内边框了。边框颜色即时刚才所设置的背景颜色。
给图片添加外边框
接下来,演示下添加外边框的操作方法。同样用上面这张图片为例演示
如下所示,点击边框按钮,再点击所有边按钮。
然后在width这里设置边框粗细
在stlye这里设置边框的样式
在color这里设置边框的颜色
三者设置后,再看图片,即添加上了自己想的边框了。这是添加外边框的方法
给图片添加双色边框
上面所讲的边框都是单色的。下面,我给大家分享添加双色边框的方法。
同样使用上面添加内边框时所设置的背景色,在这里是设置绿色背景。
然后,同样使用上面添加外边框的所设置的边框颜色,为黄色。
现在要添加双色边框的话,要点在于,在stlye这里设置边框样式时,要设置为double
边框样式设置为double之后,再看图片时,就可以看到添加了双色边框了。背景色加边框色的双色边框。
上一篇:dw怎么给框架加内容? Dreamweaver向框架中添加内容的技巧
栏 目:Dreamweaver教程
下一篇:HTML怎么角度代码调节一个角的角度? dw调节一个角的角度代码技巧
本文标题:dw怎么给鱼片添加边框线? dreamweaver图片添加边框的方法
本文地址:https://www.fushidao.cc/wangyezhizuo/324.html
您可能感兴趣的文章
- 05-08Dreamweaver窗口大小在哪里设置? dw设置窗口大小的技巧
- 05-08dreamweaver网页上怎么制作DIV图层?
- 05-08Dreamweaver怎么输入项目符号? dw项目符号的添加方法
- 05-08DW2018移动文件时怎么设置从不更新链接?
- 05-08DwCC2018双字节内联输入怎么实现?
- 05-08Dreamweaver2018怎么开启临时文件预览?
- 05-08Dw2018键盘快捷键怎么设置? Dreamweaver键盘快捷键的用法
- 05-08Dw2018键盘快捷键怎么设置? Dreamweaver键盘快捷键的用法
- 05-08Dw CC 2018怎么设置上载前先保存文件? Dreamweaver站点的设置方法
- 05-08Dreamweaver2018怎么设置站点总是提示远端文件?


阅读排行
- 1Dreamweaver窗口大小在哪里设置? dw设置窗口大小的技巧
- 2dreamweaver网页上怎么制作DIV图层?
- 3Dreamweaver怎么输入项目符号? dw项目符号的添加方法
- 4DW2018移动文件时怎么设置从不更新链接?
- 5DwCC2018双字节内联输入怎么实现?
- 6Dreamweaver2018怎么开启临时文件预览?
- 7Dw2018键盘快捷键怎么设置? Dreamweaver键盘快捷键的用法
- 8Dw2018键盘快捷键怎么设置? Dreamweaver键盘快捷键的用法
- 9Dw CC 2018怎么设置上载前先保存文件? Dreamweaver站点的设置方法
- 10Dreamweaver2018怎么设置站点总是提示远端文件?
推荐教程
- 05-08Dreamweaver2018修改时打开css文件选项在哪里关闭?
- 05-08Dreamweaver2018怎么设置站点总是提示远端文件?
- 05-08DW2017图片文字怎么并排排列? HTML图片/文字并排排列代码写法
- 05-08Dreamweaver怎么输入项目符号? dw项目符号的添加方法
- 05-08Dw2018打开只读文件提示警告怎么办?
- 05-08html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
- 05-08Dw怎么撤销组合键? Dw关闭按control组合键显示新建文档对话框的技巧
- 03-04dw怎么给框架加内容? Dreamweaver向框架中添加内容的技巧
- 05-08Dreamweaver窗口大小在哪里设置? dw设置窗口大小的技巧
- 05-08banner图片上添加左右按钮代码怎么弄? HTML制作banner按钮的技巧