用代码给图片加框

伟林 2012-01-09

展开全文

这里教大家只需用html代码就能给你的图片加出各种漂亮的相框，

使用方法，点“<>”加入代码，换上你的图片网址，适当调整宽度和颜色

，就可以让你的图片锦上添花！下面是代码：

1、简单线框

　　<img src="图片地址" style="border:5 solid #ffCCCC">

　　2、双线框

　　<img src="图片地址" style=" border:7 double #666FF">

　　3、虚线框

　　<img src="图片地址" style=" border:3 dashed #990000">

　　4、凸出框：

　　<img src="图片地址" style="border:10 outset #CCCCFF">

　　5、嵌入框：

　　<img src="图片地址" style="border:15 inset #ff9900">

　　6、脊状框：

　　<img src="图片地址" style="border:15 ridge #33FF66">

　　7、凹槽框

　　<img src="图片地址" style="border:15 groove #CC6666">

　　8、粒状阴影框

　　<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30">

效果：

原图：

　　1、简单线框　

　　

　2、双线框　

　　

　3、虚线框　

　　

　4、凸出框：　

　　

　5、嵌入框：　

　　

　6、脊状框：　　

　

　7、凹槽框　

　　　

8、粒状阴影框　　

荷花韵：

荷花

心
是
莲
花
开

一花一天堂

一草一世界

一树一菩提

一土一如来

一方一净土

一笑一尘缘

一念一清净

心是莲花开

南无阿弥陀佛

南无阿弥陀佛

南无阿弥陀佛

南无阿弥陀佛

一方一净土

一笑一尘缘

一念一清净

心是莲花开

一方一净土

一笑一尘缘

一念一清净

心是莲花开

——————————————————

心
是
莲
花
开

一花一天堂

一草一世界

一树一菩提

一土一如来

一方一净土

一笑一尘缘

一念一清净

心是莲花开

南无阿弥陀佛

南无阿弥陀佛

南无阿弥陀佛

南无阿弥陀佛

一方一净土

一笑一尘缘

一念一清净

心是莲花开

一方一净土

一笑一尘缘

一念一清净

心是莲花开

——————————————————————

心
是
莲
花
开

一花一天堂

一草一世界

一树一菩提

一土一如来

一方一净土

一笑一尘缘

一念一清净

心是莲花开

南无阿弥陀佛

南无阿弥陀佛

南无阿弥陀佛

南无阿弥陀佛

一方一净土

一笑一尘缘

一念一清净

心是莲花开

一方一净土

一笑一尘缘

一念一清净

心是莲花开

代码：

<A href="http://xxyy9090.blog.163.com/" target=_blank><IMG

src="http://image48.360doc.com/DownloadImg/2012/01/0915/20631540_2.jpg"></A>
荷花
 
<DIV ><DIV ><DIV g_c_pdin g_p_center c07 content" style="WIDTH:

760px"> 

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#006400,strength=60); LEFT: -80px; WIDTH: 800px;

TOP: 0px" borderColor=#000000 height=600 cellSpacing=0 cellPadding=0 width=800

background=http://image48.360doc.com/DownloadImg/2012/01/0915/20631540_3.jpg border=0>
<TBODY>
<TR>
<TD width="30%">
心 是 莲 花 开 </TD>
<TD width="70%">
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=550>
<MARQUEE scrollAmount=1 direction=up height=450>
一花一天堂
一草一世界


一树一菩提
一土一如来
一方一净土
一笑一尘缘
一念一清净
心是莲花开
南无阿弥陀佛
南无阿弥陀佛
南无阿弥陀佛
南无阿弥陀佛
 
一方一净土
一笑一尘缘
一念一清净
心是莲花开
 
一方一净土
一笑一尘缘
一念一清净
心是莲花开
</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></DIV></DIV></DIV>
<DIV ><DIV g_p_center" style="WIDTH: 760px"></DIV></DIV>
 
——————————————————
 

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#006400,strength=60); LEFT: -80px;

WIDTH: 800px; ; TOP: 0px" borderColor=#000000 height=600 cellSpacing=0 cellPadding=0 width=800

background=http://image48.360doc.com/DownloadImg/2012/01/0915/20631540_3.jpg border=0>
<TBODY>
<TR>
<TD width="30%">
心 是 莲 花 开 </TD>
<TD width="70%">
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=550>
<MARQUEE scrollAmount=1 direction=up height=450>
一花一天堂
一草一世界


一树一菩提
一土一如来
一方一净土
一笑一尘缘
一念一清净
心是莲花开
南无阿弥陀佛
南无阿弥陀佛
南无阿弥陀佛
南无阿弥陀佛
 
一方一净土
一笑一尘缘
一念一清净
心是莲花开
 
一方一净土
一笑一尘缘
一念一清净
心是莲花开
</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

<TABLE align=center>
<TBODY>
<TR>
<TD>
<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 height=0

width=0 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM VALUE="26"><PARAM

VALUE="26"><PARAM VALUE=""><PARAM VALUE="http://bbs./UploadFile/2006-

1/200612521463276145.swf"><PARAM VALUE="http://bbs./UploadFile/2006-

1/200612521463276145.swf"><PARAM VALUE="Window"><PARAM VALUE="-1"><PARAM

VALUE="-1"><PARAM VALUE="High"><PARAM VALUE=""><PARAM VALUE="-1"><PARAM

NAME="Base" VALUE=""><PARAM VALUE=""><PARAM VALUE="ShowAll"><PARAM

NAME="DeviceFont" VALUE="0"><PARAM VALUE="0"><PARAM VALUE=""><PARAM

VALUE=""><PARAM VALUE=""><PARAM VALUE="1"><PARAM

VALUE="0"><PARAM VALUE=""><PARAM VALUE="0"><PARAM

VALUE="all"><PARAM VALUE="false">
<embed src='http://bbs./UploadFile/2006-1/200612521463276145.swf'
pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
type='application/x-shockwave-flash'></embed></OBJECT> </TD></TR></TBODY></TABLE>
 
——————————————————————

<TABLE borderColor=#aecaae cellSpacing=0 cellPadding=0 width="100%" align=center border=1>
<TBODY>
<TR>
<TD style="FONT-SIZE: 18px" vAlign=bottom borderColor=#ffffff align=middle width="100%" height=60></TD></TR>
<TR>
<TD borderColor=#ffffff align=middle width="100%">
<HR align=center width="100%" noShade SIZE=1>
</TD></TR>
<TR>
<TD style="FONT-SIZE: 9pt" borderColor=#ffffff align=middle width="100%"></TD></TR>
<TR>
<TD borderColor=#ffffff align=middle width="100%">
<TABLE style="" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word"> 

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#006400,strength=60); LEFT: -80px;

WIDTH: 800px; ; TOP: 0px" borderColor=#000000 height=600 cellSpacing=0 cellPadding=0 width=800

background=http://image48.360doc.com/DownloadImg/2012/01/0915/20631540_3.jpg border=0>
<TBODY>
<TR>
<TD width="30%">
心 是 莲 花 开 </TD>
<TD width="70%">
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=550>
<MARQUEE scrollAmount=1 direction=up height=450>
一花一天堂
一草一世界


一树一菩提
一土一如来
一方一净土
一笑一尘缘
一念一清净
心是莲花开
南无阿弥陀佛
南无阿弥陀佛
南无阿弥陀佛
南无阿弥陀佛
 
一方一净土
一笑一尘缘
一念一清净
心是莲花开
 
一方一净土
一笑一尘缘
一念一清净
心是莲花开
</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
<TABLE align=center>
<TBODY>
<TR>
<TD>
<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 height=0

width=0 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM VALUE="26"><PARAM

VALUE="26"><PARAM VALUE=""><PARAM VALUE="http://bbs./UploadFile/2006-

1/200612521463276145.swf"><PARAM VALUE="http://bbs./UploadFile/2006-

1/200612521463276145.swf"><PARAM VALUE="Window"><PARAM VALUE="-1"><PARAM

VALUE="-1"><PARAM VALUE="High"><PARAM VALUE=""><PARAM VALUE="-1"><PARAM

NAME="Base" VALUE=""><PARAM VALUE=""><PARAM VALUE="ShowAll"><PARAM

NAME="DeviceFont" VALUE="0"><PARAM VALUE="0"><PARAM VALUE=""><PARAM

VALUE=""><PARAM VALUE=""><PARAM VALUE="1"><PARAM

VALUE="0"><PARAM VALUE=""><PARAM VALUE="0"><PARAM

VALUE="all"><PARAM VALUE="false">
<embed src='http://bbs./UploadFile/2006-1/200612521463276145.swf'
pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
type='application/x-shockwave-

flash'></embed></OBJECT> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>