蓝月亮全能水喷不出来:如何给'图片'添加漂亮的边框?

来源：百度文库编辑：九乡新闻网时间：2024/04/26 05:09:15

--------用代码为 "图片" 添加边框的方法---------
其实给'图片'加边框的方法有很多种,通常的方法:就是利图片处理软件来实
现.这也是很多博友都会做的.
那么,今天我特向大家介绍一种----用代码为"图片"添加边框的方法.虽然步
骤有点烦,但制作出来的边框也很漂亮哦!有兴趣的朋友,可以动手试一试...
下面,先让我们来它的效果图及复制代码:
1、单线边框:

代码复制区:

src="" target="_blank">http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg">

代码解析说明:
<1>、align=center,表示图片在页面中显示的位置居中,把'center'改成'right'表示居右;图片紧靠左边,只需把'center'改成'left'即可;
<2>、BORDER-RIGHT表示图片右侧边框、BORDER-LEFT表示图片左侧边框、 BORDER-TOP表示图片上
层边框、BORDER-BOTTOM表示图片下层边框;
<3>、BORDER-RIGHT: #ff0000 3px solid,这段代码中,粉红色表示图片右边框线;绿色处表示边框线
的颜色;红色处表示该边框的粗细;兰色处表示该边框为单线边框.
<4>、是最重点的一步,上面这段代码中兰色处即 "solid"表示单边线框;也就是说只要改变"solid"就能得
到不同效果的边框了.
例如: solid=单线边框、 outset=凸出线边框、 double=双线边框、
inset=凹出边框、 dashed=虚线型边框 ...
<5>、代码中兰色处为图片地址,你可以将你所选图片地址放进代码中,再复制代码把它放进代码框中即可.
<5>、操作过程中,选好你要制作边框的图片再根据需要选择相应的边框,点击'预览'查看它的效果图.如不
满意可适当修改代码中的数居值.
2、双线边框:

代码复制区:

src="" target="_blank">http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg">

3.凸出框

代码复制区:

src="http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg">

4、凹进边框:

代码复制区:

src="" target="_blank">http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg">

5、邮票型边框:

代码复制区:

src="" target="_blank">http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg">

6、虚线型边框

代码复制区:

src="" target="_blank">http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg">

7.凹槽框

代码复制区:

src="" target="_blank">http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg">

8.立体阴影框

代码复制区:

src="" target="_blank">http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg">

9.粒状阴影框

代码复制区:

src="" target="_blank">http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg">

10、凹状双线框

代码复制区:

http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg>

11、凹状双内虚线框

代码复制区:

http://image24.360doc.com/DownloadImg/2011/03/0721/9779576_1.jpg" style="border:3 dashed #00cc00">

"边框"的制作方法及技巧
◇简单"边框"的制作方法◇ ◇"边框"的代码分析◇ ◇如何不用图片做"边框"的方法◇ ◇用动、静态图片组合制作"边框"◇ ◇用"静态"图片做"边框"的方法◇ ◇怎样给"图片"添加漂亮的"边框"◇ ◇多层"边框"的添加方法◇ ◇如何改变"边框"中各边框线的粗细值◇ ◇如何调整"边框"的宽度及高度◇ ◇怎样改变边框颜色及边框线数值◇ ◇边框内层背景颜色的替换方法◇ ◇为你提供精美的"边框"及"边框"素材◇
点击此处进入: ◇寒冬腊月的博客主页◇

如何给'图片'添加漂亮的边框? 如何给'图片'添加漂亮的边框? 如何给图片添加颜色边框教你怎样给图片加漂亮的边框1 PS如何给图片添加防盗水印 - PS如何给图片添加防盗水印如何给图片加上别具一格的边框特效代码【1】【多种漂亮的动画边框，以及它的添加方法】教你怎样给图片加漂亮的边框-----------很好，可以试一试给图片添加背景音乐的代码漂亮的音画边框素材图片【漂亮边框】漂亮款边框（不断收集添加中。。。）用U5给图片上添加会动的图片怎样给日志添加一个漂亮的《标题》（代码）给日志添加一个漂亮的《标题》代码2 给图片加边框如何在日志中添加漂亮的信纸1 如何在博客里添加漂亮的时钟、日历：2 如何在日志中添加漂亮的信纸. 如何在博客里添加漂亮的时钟、日历：给图片添加透明月亮的特效（ps教程）给图片添加闪闪的星星【原创】ps制作《网页素材》几百张漂亮的音画边框素材图片几百张漂亮的音画边框素材图片