图片边框代码

图片边框代码 图片边框代码 一:单线框代码如下 效果: 代码:1 <IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src=" 图片地址"> 代码:2 <center><img src="图片地址" style="border:3 solid #ff0000"><br><br><br></center> 二:双线框 效果: 代码:1 <IMG style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px double; BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px double" src="图片地址"> 代码:2 <center> <img src="图片地址" width=180 height=130 style="border:5 double green"><br><br><br></center> 三:突出框 效果: 代码:1 <IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="图片地址"> 代码:2 <center> <img src="图片地址"style="border:25 outset #ff88ff"><br><br><br></center> 四:凹进框 效果: 代码:1 <IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="图片地址" border=0> 代码:2 <center> <img src="图片地址" style="border:25 inset #ff88ff"><br></center> 代码:3 <center> <img src="图片地址" style="border:25 groove green" border="0"><br><br><br></center> 五:邮票框 效果 : 代码:1 <TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56><TBODY><TR><TD Align=center align=middle width=130 bgColor=#aeffae height=100><IMG src="图片 地址"></TD></TR></TBODY></TABLE> 代码:2 <TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; WIDTH: 256px; BORDER-BOTTOM: #f6ae56 3px dashed; HEIGHT: 200px" cellSpacing=5 cellPadding=0 bgColor=#f6ae56><TBODY><TR><TD vAlign=center align=middle height=200><FONT size=4><IMG style="WIDTH: 239px; HEIGHT: 195px" height=185 src="图片地址" width=239></FONT></TD></TR></TBODY></TABLE> 六:虚线框 效果: 代码:1 <IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="图片地址"> 代码:2 <CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="图片地址 "><BR><BR><BR></CENTER> 七:立体阴影框 效果: 代码:1 <TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:1 5)" height=100 cellSpacing=3 cellPadding=15 width=100 border=2><TBODY><TR><TD Align=center align=middle bgColor=#ffffff><IMG src="图片地址 "></TD></TR></TBODY></TABLE> 代码:2 <CENTER><TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=400 border=2><TBODY><TR><TD vAlign=center align=middle bgColor=#ffffff><IMG src="图片地址 "></TD></TR></TBODY></TABLE></CENTER> 八:立状阴影 效果: 代码: <IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="图 片地址"> 九:横向渐变透明 代码: <center><img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center> 十:圆形渐变透明 代码: <img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center> 十一:X形渐变透明 代码: <center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center> 十二:改变某种颜色 代码: <center><img src="图片地址"style="FILTER: Chroma(Color=#13629f)"></center> 十三:黑白效果 代码: <center><img src="图片地址" style="filter:’gray’"></center> 十四:X光效果(底片) 代码: <center><img src="图片地址" style="filter:’xray’"></center> 十五:浮雕效果 代码: <center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center> 十六:上下颠倒 代码: <center><img src="图片地址" style="filter:flipv"> </center> 十七:左右颠倒 代码: <center><img src="图片地址" style="filter:fliph"></center> 十八:模糊效果 代码: <center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></ center> 十九:水波效果(风吹) 代码: <center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center> 文字图片边框代码及说明: “border-top-style”“border-bottom-style”“border-right-style”“border-left-style” 可以定义的边 框参数。 表示边框大小 top:顶部 border:底部 right:右边 left:左边 几xp 表示: 几像素 【double】表示边框样式为——双线 【dotted】表示边框样式为——点线 【groove】表示边框样式为:3D凹槽状 【inset】表示边框样式为:3D内嵌边框 【outset】表示边框样式为:3D外嵌边框 【ridge】表示边框样式为:3D凸脊状 【dashed】表示边框样式为:虚线 【solid】表示边框样式为:实线 文字加边框代码总结成格式如下: <font style="border-color=颜色值或名称;border-top-style:边框类 型;border-bottom-style:边框类型;border-right-style:边框类型;border-left-style:边框类型 ">要加上边框的文字</font> 图像加边框代码总结成格式如下: <img src="图片所在位置" style="border-top-style:边框类 型;border-bottom-style:边框类型;border-right-style:边框类型;border-left-style:边框类型 "> 颜色代码附: 1白色 #FFFFFF 2红色#FF0000 3绿色#00FF00 4蓝色#0000FF 5牡丹红#FF00FF 6青色 #00FFFF 7黄色#FFFF00 8黑色#000000 9海蓝#70DB93 10巧克力色#5C3317 11蓝紫色 #9F5F9F 12黄铜色#B5A642 13亮金色#D9D919 14棕色#A67D3D 15青铜色 #8C7853 162号青铜色 #A67D3D 17士官服蓝色 #5F9F9F 18冷铜色 #D98719 19铜色 #B87333 20珊瑚红 #FF7F00 21紫蓝色 #42426F 22深棕 #5C4033 23深绿 #2F4F2F 24深铜绿色 #4A766E 25深橄榄绿 #4F4F2F 26深兰花色 #9932CD 27深紫色 #871F78 28深石板蓝 #6B238E 29深铅灰色 #2F4F4F 30深棕褐色 #97694F 32深绿松石色 #7093DB 33暗木色 #855E42 34淡灰色 #545454 35土灰玫瑰红色 #856363 36长石色 #D19275 37火砖色#8E2323 38森林绿 #238E23 39金色 #CD7F32 40鲜黄色 #DBDB70 41灰色 #C0C0C0 42铜绿色 #527F76 43青黄色 #93DB70 44猎人绿 #215E21 45印度红 #4E2F2F 46土黄色 #9F9F5F 47浅蓝色 #C0D9D9 48浅灰色 #A8A8A8 49浅钢蓝色 #8F8FBD 59浅木色 #E9C2A6 60石灰绿色 #32CD32 61桔黄色 #E47833 62褐红色 #8E236B 63中海蓝色 #32CD99 64中蓝色 #3232CD 65中森林绿 #6B8E23 66中鲜黄色 #EAEAAE 67中兰花色 #9370DB 68中海绿色 #426F42 69中石板蓝色 #7F00FF 70中春绿色 #7FFF00 71中绿松石色 #70DBDB 72中紫红色 #DB7093 73中木色 #A68064 74深藏青色 #2F2F4F 75海军蓝 #23238E 76霓虹篮 #4D4DFF 77霓虹粉红 #FF6EC7 78新深藏青色 #00009C 79新棕褐色 #EBC79E 80暗金黄色 #CFB53B 81橙色 #FF7F00 82橙红色 #FF2400 83淡紫色 #DB70DB 84浅绿色 #8FBC8F 85粉红色 #BC8F8F 86李子色 #EAADEA 87石英色 #D9D9F3 88艳蓝色 #5959AB 89鲑鱼色 #6F4242 90猩红色 #BC1717 91海绿色 #238E68 92半甜巧克力色 #6B4226 93赭色 #8E6B23 94银色 #E6E8FA 95天蓝 #3299CC 96石板蓝 #007FFF 97艳粉红色 #FF1CAE 98春绿色 #00FF7F 99钢蓝色 #236B8E 100亮天蓝色 #38B0DE 101棕褐色 #DB9370 102紫红色 #D8BFD8 103石板蓝色 #ADEAEA 104浓深棕色 #5C4033 105淡浅灰色 #CDCDCD 106紫罗兰色 #4F2F4F 107紫罗兰红色 #CC3299 108麦黄色#D8D8BF 109黄绿色 #99CC32