dw怎么给鱼片添加边框线? dreamweaver图片添加边框的方法
我要评论在dreamweaver中，我们可以给图片添加各种样式的边框，比如：外边框 ，内边框，双色边框。下面我给大家演示下给图片添加这三种边框的操作方法，希望本文可以帮到有需要的朋友们。
给图片添加内边框
如下所示，在设计器中选择body img
再用鼠标点击一下图片，选中图片。
然后，在右侧这里点击背景按钮，在这里设置一个背景颜色，此颜色是边框颜色。
接着，鼠标点住右侧的滑块，向上拉，拉到padding这里，在这里设置内边框的粗细。
在框内的中心位置，点击一下，加上链接。如下图所示。
再上下左右的任意一处设置一个数值，那么其他方向的都会自动添加同一数值
看图片！
已给图片添加内边框了。边框颜色即时刚才所设置的背景颜色。
给图片添加外边框
接下来，演示下添加外边框的操作方法。同样用上面这张图片为例演示
如下所示，点击边框按钮，再点击所有边按钮。
然后在width这里设置边框粗细
在stlye这里设置边框的样式
在color这里设置边框的颜色
三者设置后，再看图片，即添加上了自己想的边框了。这是添加外边框的方法
给图片添加双色边框
上面所讲的边框都是单色的。下面，我给大家分享添加双色边框的方法。
同样使用上面添加内边框时所设置的背景色，在这里是设置绿色背景。
然后，同样使用上面添加外边框的所设置的边框颜色，为黄色。
现在要添加双色边框的话，要点在于，在stlye这里设置边框样式时，要设置为double
边框样式设置为double之后，再看图片时，就可以看到添加了双色边框了。背景色加边框色的双色边框。
以上就是dreamweaver给图片添加边框的技巧，希望大家喜欢，请继续关注脚本之家。
相关推荐：
DW2017图片文字怎么并排排列? HTML图片/文字并排排列代码写法
相关文章
HTML怎么角度代码调节一个角的角度? dw调节一个角的角度代码技巧
HTML怎么角度代码调节一个角的角度？dw调节一个角的角度代码技巧2023-02-23
DW2017图片文字怎么并排排列? HTML图片/文字并排排列代码写法
DW2017图片文字怎么并排排列？DW2017中的图片和文字想要并列排列，该怎么操作呢？下面我们就来看看HTML图片/文字并排排列代码写法2023-01-29
dw有序列表ol怎么用? HTML页面添加有序列表ol的教程
dw有序列表ol怎么用？ Dreamweaver页面中国的内容需要添加列表效果，该怎么添加有序列表呢？下面我们就来看看HTML页面添加有序列表ol的教程2023-01-09
html用代码制作虚线框怎么做？想要在页面中绘制一个虚线圆形，该怎么制作呢？下面我们就来看看dw制作虚线圆圈的技巧，详细请看下文介绍2022-11-21
Dw怎么撤销组合键? Dw关闭按control组合键显示新建文档对话框的技巧
Dw怎么撤销组合键？Dreamweaver中经常会使用快捷键创建新文档，如果想要关闭这个快捷键，该怎么操作呢？下面我们就来看看Dw关闭按control组合键显示新建文档对话框的技巧2022-07-19
Dw2018打开只读文件提示警告怎么办？Dw2018中打开制度文件就会出现警告，想要关闭警告，下面我们就来看看Dreamweaver关闭打开只读文件时警告用户的技巧2022-05-19
dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法
dw中水平线的颜色怎么改？dw插入的水平线想要修改默认的颜色，该怎么修改呢？下面我们就来看看Dreamweaver水平线修改颜色的两种方法，详细请看下文介绍2022-04-19
Dw CC 2018怎么设置上载前先保存文件? Dreamweaver站点的设置方法
Dw CC 2018怎么设置上载前先保存文件？Dreamweaver很常用，每次上载想要先保存文件，以防万一，下面我们就来看看详细的教程2021-11-09
Dw2018键盘快捷键怎么设置? Dreamweaver键盘快捷键的用法
Dw2018键盘快捷键怎么设置？Dw2018中可以设置键盘快捷键，该怎么设置呢？下面我们就来看看Dreamweaver键盘快捷键的开启和关闭方法，详细请看下文介绍2021-08-10
Dreamweaver2018怎么开启临时文件预览? Dw2018中制作的网页想要进行预览，该怎么使用临时文件预览呢？下面我们就来看看详细的设置方法2021-08-10
最新评论