给图片加边框的几种方法

admin

上边是原图 　 　 　 　 代码：<*table border="0" cellspacing="0" cellpadding="0" style="border:1px #5F94C9 dashed" id="table3"> <tr> <td width="5" height="5" style="border-top:2px solid red;border-left:2px solid red;font-size:2pt"></td><td height="5" width="63"></td> <td width="5" height="5" style="border-top:2px solid red;border-right:2px solid red;font-size:2pt"></td></tr><tr><td width="5"><br> 　</td><td bgcolor="#ffffff" valign="top" style="border:2px red solid" class="s12" width="63"> <img border="0" src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" width="300" height="299"></td> <td width="5"></td*> 　 代码：<*table border="0" cellspacing="0" cellpadding="0" style="border:3px #5F94C9 dashed"> <tr> <td> <img border="0" src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" width="300" height="299"></td*> 　 代码：<*img src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" width="300" height="299" style="border:6px #5F94C9 dashed"*> 　 代码：<*table border="0" cellspacing="0" cellpadding="0" style="border:8px #5F94C9 dashed"><tr><td><img src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" width="300" height="299" style="border:9px #5F94C9 solid"></td></tr></table*> 　 　 代码：<*table border="0" cellspacing="0" cellpadding="0" style="border:8px #5F94C9 dotted"><tr><td><img src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" width="300" height="299" style="border:9px #5F94C9 solid"></td></tr></table*> 　 　 代码：<*img style="BORDER-RIGHT: #5f94c9 6px double; BORDER-TOP: #5f94c9 6px double; BORDER-LEFT: #5f94c9 6px double; BORDER-BOTTOM: #5f94c9 6px double" height="299" src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" width="300"*> 　 代码：<*IMG style="BORDER-RIGHT: #5f94c9 6px solid; BORDER-TOP: #5f94c9 6px solid; BORDER-LEFT: #5f94c9 6px solid; BORDER-BOTTOM: #5f94c9 6px solid" height=299 src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" width=300*> 　 　 　 代码：<*IMG style="BORDER-RIGHT: #5f94c9 6px ridge; BORDER-TOP: #5f94c9 6px ridge; BORDER-LEFT: #5f94c9 6px ridge; BORDER-BOTTOM: #5f94c9 6px ridge" height=300 src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" width=299><br*> 　 　 注：使用时根据图片的实际大小，修改高和宽。另外去掉*即可！

　

　

admin

凸出框 代码：<*img src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif"style="border:20 outset #ff88ff"*> border表示边框厚度（数值大框宽），#ff88ff表示颜色这两个参数可以根据自己的喜好修改。 　 　 　 凹进框　 代码：<*img src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif"style="border:25 inset #ff88ff"*> 　 　 　凹槽框 代码：<*img src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" style="border:25 groove green" border="0"*> 边框颜色改green即可 　 　 　 　脊状框 代码：<*img src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" style="border:25 ridge green" border="0"*> 　 　 黑白效果 代码：<*img src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif" style="filter:'gray'"*> 　 　 横向渐变透明 代码：<*img src="http://www.kltx.net/attachments/3_kNFf6pnK6v98.gif"style="filter=alpha(opacity=100,style=1,finishopacity=0)"*>