花晨月夕by未良鲤鱼乡:学习笔记——给图片加框的代码:（摘自网易博客小小的日志）

来源：百度文库 编辑：九乡新闻网 时间：2024/04/28 11:39:29
        多福老人欢迎您                 http://qwp43.360doc.com

图片加框学习笔记
代码
style="border:25 outset #ff88ff">

代码分解
     
置中
  插入图片
style="border:25 outset #ff88ff
设置图框  ：
border:25 为图框宽 ； outset 为立体； #ff88ff 为颜色
设置方向
style="BORDER-BOTTOM: #ff0000 3px solid;
BORDER-LEFT: #ff0000 3px solid;
BORDER-TOP: #ff0000 3px solid;
BORDER-RIGHT: #ff0000 3px solid"
其中
BORDER-BOTTOM: #ff0000 3px solid（下方，表格颜色，格线宽度，图框的种类）
BORDER-LEFT: #ff0000 3px solid（左方，表格颜色，格线宽度，图框的种类）
BORDER-TOP: #ff0000 3px solid（上方，表格颜色，格线宽度，图框的种类）
BORDER-RIGHT: #ff0000 3px solid（右方，表格颜色，格线宽度，图框的种类）
BORDER=*为四周
图框的种类
solid单边框
double 双边框
outset 立体镜框
inset 立体镜框
dashed虚线框
groove 凹槽框
ridge 脊状框
形成代码
例1

="http://image32.360doc.com/DownloadImg/2011/07/2105/14501450_1.jpg" width=600
style="BORDER=30px    #ff0000  solid">

效果
例2

="http://image32.360doc.com/DownloadImg/2011/07/2105/14501450_1.jpg" width=600 "
style="BORDER-LEFT: #ff0000 13px solid">

效果

附
给图片加框的代码:（摘自网易博客小小的日志）
下面这是一张原图:
1. 图片单边框的代码:
src="http://image25.360doc.com/DownloadImg/2011/02/0415/9911318_1.jpg" style="border:3 solid #ff0000">

下面是一的效果图:
2.图片双边框的代码:
src="http://image25.360doc.com/DownloadImg/2011/02/0415/9911318_1.jpg" style="border:5 double green">

下面是二的效果图:
3.立体镜框的代码（一）:
style="border:25 outset #ff88ff">

下面是三的效果图:
4.立体镜框的代码（二）:
src="http://image25.360doc.com/DownloadImg/2011/02/0415/9911318_1.jpg" style="border:25 inset #ff88ff">

下面是四的效果图:
5.虚线框的代码:

下面是五的效果图:
6.凹槽框的代码:

下面是六的效果图:
7.脊状框的代码:

下面是七的效果图:
学习笔记——给图片加框的代码:（摘自网易博客小小的日志） 给日志加个漂亮的边框——彩色边框代码 - 老排长的日志 - 网易博客 给日志加个漂亮的边框——彩色边框代码 - 寂寞老膺的日志 - 网易博客 【ps教程】给图片加边框教程集合（4） - 天爱的日志 - 网易博客 学习笔记——Flash音画加入图片的代码 引用 图片加活动字画的代码 - 温柔女侠的日志 - 网易博客 学习笔记——表格设置（引自学习表格设置做图框 - 理睬的日志 - 网易博客） 加自定义代码（初级）-网易博客代码（学习） 学习笔记——图片加边框 IAR学习笔记(摘抄) - puppypuppy2005的日志 - 网易博客 图片处理效果代码 - 碎羽残舞的日志 - 网易博客 缩小图片代码 - 闲散人也的日志 - 网易博客 引用 特效图片合成代码 - 雁飞墨行的日志 - 网易博客 特效图片制作代码 - 梦中情的日志 - 网易博客 滚动图片代码123　 - xiugang1985@126的日志 - 网易博客 滚动图片代码　 - xiugang1985@1126的日志 - 网易博客 滚动图片代码　 - xiugang1985@126的日志 - 网易博客 【引用】凡是你所排斥的 就是你所要学习的 （转载） - 小小的日志 - 网易博客 html代码——给图片加边框代码 html代码——给图片加边框代码 学习笔记——图片的添加 用彩色生成器加文字,图片加文字 - 无所谓的日志 - 网易博客 【学习表格边框代码应用】（1） - 燕儿的日志 - 网易博客 （原）博客顶栏图片加文字动效制作 - 寒烟的博客的日志 - 网易博客