あ娜儿博客☆む

真诚诚心待友！工作太忙, 不加入任何圈子。谢绝邀请！

日志

关于我

Angel 娜儿

一个高贵、矜持、典雅、睿智、我行我素,精明能干,乐观与忧郁并存,天真与成熟一体,现实与理想完美结合体的女孩!

文章分类

·默认分类（194）

LOFTER精选

八招诀窍，教你实力撩妹 >

网易考拉推荐

引用精美边框代码与制作效果（一）

2008-11-09 16:11:44| 分类：默认分类 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

引用

天使之爱的精美边框代码与制作效果（一）

精美边框代码(1)

<TABLE cellSpacing=50 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/314311/uploadpic/2006100113393999256.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 borderColorDark=#6c3365 cellPadding=0 width="100%" borderColorLight=#6c3365 background=http://xz1.2000y.net/314311/uploadpic/2005112112464224012.gif border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 width="100%" background=http://xz1.2000y.net/314311/uploadpic/2006100113214724630.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#6c3365 cellPadding=0 width="100%" borderColorLight=#6c3365 background=http://xz1.2000y.net/314311/uploadpic/2006100113212041170.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://xz1.2000y.net/314311/uploadpic/2006100113214724630.jpg border=0 cellSpacing10>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 borderColorDark=#6c3365 cellPadding=0 width="100%" borderColorLight=#6c3365 background=http://tietu.znrsw.com/UploadFile/zd-2006-1/2006168451580.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 width="100%" background=http://xz1.2000y.net/314311/uploadpic/2006100113214724630.jpg border=0>
<TBODY>
<TR></TR>
<TBODY>
<TR>
<TD><STRONG><FONT color=#ff0000>入字处或放动画代码、图片代码处</FONT></STRONG>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></P>
<P> </P>

看看效果:

入字处或放动画代码、图片代码处

精美边框代码（2）：
<TABLE cellSpacing=50 width=650 align=center background=http://xz2.2000y.net/314311/uploadpic/2006120518413987390.gif border=3>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=1 cellPadding=0 width="100%" borderColorLight=#a9b5a1 background=http://xz2.2000y.net/314311/uploadpic/2006120518420598379.jpg border=2 BORDER-RIGHT: #00ff00 10px ridge;>
<TBODY>
<TR>
<TD width="100%"><FONT color=#ff0000>这里输入文字或添加动画、添加图片的地方</FONT></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

看看效果：海珠儿收集整理

这里输入文字或添加动画、添加图片的地方

精美边框代码(3):

<TABLE cellSpacing=50 width=760 align=center background=http://xz2.2000y.net/314311/uploadpic/2006120518341096908.gif border=3>
<TBODY>
<TR><BR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=1 borderColorDark=#060c02 cellPadding=0 width="100%" borderColorLight=#a9b5a1 background=http://xz2.2000y.net/314311/uploadpic/2006120518420598379.jpg border=2>
<TBODY>
<TR>
<TD width="100%"><FONT color=#ff0000>这里是输入文字或添加动画、添加图片的地方。</FONT></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
看看效果:

这里是输入文字或添加动画、添加图片的地方。

精美边框代码(4):

<TABLE cellSpacing=50 width=760 align=center background=

http://xz1.2000y.net/314311/uploadpic/2006100216533970034.jpg border=3>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=1 borderColorDark=#060c02 cellPadding=0

width="100%" borderColorLight=#a9b5a1 background=

http://xz1.2000y.net/314311/uploadpic/2006100111375718467.gif border=2>
<TBODY>
<TR>
<TD width="100%">
<P align=center><FONT color=#ff00ff></FONT></A><FONT color=#ff00ff></FONT>

<A href="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" target=_blank><IMG height=98 alt=3589902977.gif src="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" width=112></A> 

<A href="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" target=_blank><IMG height=98 alt=3589902977.gif src="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" width=112></A>

<A href="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" target=_blank><IMG height=98 alt=3589902977.gif src="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" width=112></A>

<A href="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" target=_blank><IMG height=98 alt=3589902977.gif src="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" width=112></A>

<A href="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" target=_blank><IMG height=98 alt=3589902977.gif src="http://img.photo.163.com/uhzpSnKs08Qr4XkQFLqAHw==/291889550849493688.gif" width=112></A></P>
<P align=center>

这里是输入文字、添加图片代码或添加动画代码的地方。

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
<P><STRONG><FONT color=#ff0000 size=5></FONT></STRONG> </P>

看看效果



这里是输入文字、添加图片代码或添加动画代码的地方。

精美边框代码(5):

<P align=center>
<TABLE cellSpacing=10 width=510 background=http://blog.lanyue.com/model/luntan/upload_pic/1326875.gif border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=4 width=500 background=http://img.blog.163.com/photo/1gRqCqCANEpYTRX3huBRfQ==/2536371015140056090.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=2 width=490 background=http://img.blog.163.com/photo/3mMSor7uW8fPI8iJxVFZXw==/1148417904979995489.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=2 width=480 background=http://blog.lanyue.com/model/luntan/upload_pic/1299927.gif border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 width=470 align=center background=http://xz1.2000y.net/314311/uploadpic/2006100216533970034.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=1 borderColorDark=#ff0000 cellPadding=0 width="100%" borderColorLight=#ff0000 background=http://xz1.2000y.net/314311/uploadpic/2006100111375718467.gif border=1>
<TBODY>
<TR>
<TD width="100%">

这里可输入文字，放Flash动画代码，放安插图片的代码和gif小图的代码

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

看看效果:

这里可输入文字，放Flash动画代码，放安插图片的代码和gif小图的代码

精美边框代码(6):

<P align=center>
<TABLE cellSpacing=35 cellPadding=0 width=761 background=

http://blog.lanyue.com/model/luntan/upload_pic/1299889.gif>
<TBODY>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=0 width=22 background=

http://xz1.2000y.net/348114/uploadpic/20041114100356772.jpg>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=1

width="100%" borderColorLight=#000000 background=

http://nxm.16789.net/s-helpSite/domName/nxm/200411201545370280.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=20

width="100%" borderColorLight=#000000 background=

http://www.yuandi.com/wysc/huacao/10/tujkimaru1.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=0 width="100%" background=

http://xz1.2000y.net/348114/uploadpic/20041114100356772.jpg>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 cellPadding=0 width="100%" background=

http://xz1.2000y.net/348114/uploadpic/2004113022103834.gif>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=0 width="100%" background=

http://xz1.2000y.net/348114/uploadpic/20041114100356772.jpg>
<TBODY></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=4 width=613 background=

http://tietu.znrsw.com/UploadFile/zd-2006-2/20062120939337.gif border=1>
<TBODY>
<TR>
<TD width="100%">

这里是输入文字的地方，也可以放图片代码和动画代码。

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></P>

看看效果:

这里是输入文字的地方，也可以放图片代码和动画代码。

精美边框代码(7):

<TABLE cellSpacing=40 cellPadding=40 width=710 background=http://xueery.16789.net/s-helpSite/domName/xueery/20062131671199153.gif>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=3 width=665 background=http://xueery.16789.net/s-helpSite/domName/xueery/200642719415919086.jpg border=1>
<TBODY>
<TR>
<TD>

<TABLE cellSpacing=10 cellPadding=10 width=656 background=http://xueery.16789.net/s-helpSite/domName/xueery/200642719421386087.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=3 width=635 background=http://xueery.16789.net/s-helpSite/domName/xueery/200642719415919086.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#111111 cellSpacing=6 cellPadding=6 width=624 bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=8 borderColorDark=#d0afba cellPadding=8 width=604 align=center borderColorLight=#d0afba background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/004.files/conviteaoamorbarra3.gif border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 cellPadding=10 width=163 background=http://xueery.16789.net/s-helpSite/domName/xueery/200642719421386087.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=3 width="100%" background=http://xueery.16789.net/s-helpSite/domName/xueery/200642719415919086.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#111111 cellSpacing=6 cellPadding=6 width=564 bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>

这里是输入文字的地方,还可以放图片代码和动画代码

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

看看效果:

这里是输入文字的地方,还可以放图片代码和动画代码

精美边框代码(8):

<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0

width="100%" align=center borderColorLight=#f3c1c9 background=

http://xueery.16789.net/s-helpSite/domName/xueery/20061922362630606.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=25 borderColorDark=#800000 cellPadding=25

dth=430 borderColorLight=#ff69b4 background=

http://www.yyly8.com/yy/10/sucai/touminghua/291.gif border=0>
<TBODY>
<TR>
<P align=center>
<TD width="100%" TD>
<P align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0

width=529 background=http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0

width=50 background=http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=10 borderColorDark=#b1606c cellPadding=0

width=606 align=center borderColorLight=#f3c1c9 background=

http://xueery.16789.net/s-helpSite/domName/xueery/20061922361889930.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=23 cellPadding=0

width=586 background=http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=10 borderColorDark=#b1606c cellPadding=0

width=178 align=center borderColorLight=#f3c1c9 background=

http://xueery.16789.net/s-helpSite/domName/xueery/20061922361889930.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=154 background=

http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=328 background=

http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0

width=534 align=center borderColorLight=#f3c1c9 background=

http://xueery.16789.net/s-helpSite/domName/xueery/20061922362630606.jpg border=1>
<TBODY>
<TR>
<TD width="100%">

这里是输入文字的地方,也可以放图片代码和动画代码.

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></P>

</TD></P></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
看看效果:

这里是输入文字的地方,也可以放图片代码和动画代码.

精美边框代码(9):

<TABLE cellSpacing=3 borderColorDark=#051414 cellPadding=0

width="100%" align=center borderColorLight=#297e7c background=

http://xz1.2000y.net/348114/uploadpic/200412620850816.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=center

background=http://xz1.2000y.net/348114/uploadpic/200412620815881.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=3 borderColorDark=#051414 cellPadding=0

width="100%" align=center borderColorLight=#297e7c

background=http://xz1.2000y.net/348114/uploadpic/200412620850816.jpgborder=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 cellPadding=0 width="100%" align=center

background=http://xz1.2000y.net/348114/uploadpic/200412620829479.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=5 borderColorDark=#051414 cellPadding=0

width="100%" align=center borderColorLight=#297e7c

background=http://xz1.2000y.net/348114/uploadpic/200412620850816.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center

background=http://yuandi.com/wysc/renwu/10/onmykneesmetstrip.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center

background=http://xz1.2000y.net/348114/uploadpic/2004103122384155529.jpg border=0>
<TBODY>
<TR>
<TD width="100%">

这里是输入文字的地方,还可以放图片代码和动画代码.

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

看看效果:

这里是输入文字的地方,还可以放图片代码和动画代码.

精美边框代码(10):

<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0 width="100%" align=center borderColorLight=#f3c1c9 background=http://xueery.16789.net/s-helpSite/domName/xueery/20061922362630606.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0 width="100%" align=center borderColorLight=#00ff00 background=http://img.blog.163.com/photo/GAb_QX_npFeN4qofa8NsoA==/1748241080350035757.jpg

border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0 width="100%" align=center borderColorLight=#f3c1c9 background=http://img.blog.163.com/photo/yHuusBCMwhih-TWgCIEdmA==/845832305015866293.jpg

border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0 width="100%" align=center borderColorLight=#ff0000 background=地址 border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=25 borderColorDark=#800000 cellPadding=25 width=430 borderColorLight=#ff69b4 background=http://www.yyly8.com/yy/10/sucai/touminghua/291.gif border=0>
<TBODY>
<TR>
<P align=center>
<TD width="100%" TD>
<P align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=529 background=http://img.blog.163.com/photo/1gRqCqCANEpYTRX3huBRfQ==/2536371015140056090.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=50 background=http://img.blog.163.com/photo/kjSq4oY1guUJHRvQ0LJErg==/3448912889636108762.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=10 borderColorDark=#b1606c cellPadding=0 width=606 align=center borderColorLight=#f3c1c9 background=http://img.blog.163.com/photo/1gRqCqCANEpYTRX3huBRfQ==/2536371015140056090.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=23 cellPadding=0 width=586 background=http://img.blog.163.com/photo/kjSq4oY1guUJHRvQ0LJErg==/3448912889636108762.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=10 borderColorDark=#b1606c cellPadding=0 width=178 align=center borderColorLight=#f3c1c9 background=http://img.blog.163.com/photo/1gRqCqCANEpYTRX3huBRfQ==/2536371015140056090.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=154 background=http://img.blog.163.com/photo/kjSq4oY1guUJHRvQ0LJErg==/3448912889636108762.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=328 background=http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0 width=534 align=center borderColorLight=#f3c1c9 background=http://xueery.16789.net/s-helpSite/domName/xueery/20061922362630606.jpg border=1>
<TBODY>
<TR>
<TD width="100%">

这里是输入文字的地方,也可以放图片代码和动画代码.

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY>

</TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD>

</TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY>

</TABLE></P></TD></P></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD>

</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

看看效果:

这里是输入文字的地方,也可以放图片代码和动画代码.

精美边框代码(11):

<TABLE style="LEFT: -120px; WIDTH: 680px; BORDER-TOP-STYLE: dashed;

BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed;

BORDER-BOTTOM-STYLE: dashed; middle: 50px"

borderColor=#556b2f cellSpacing=50 borderColorDark=#ff69b4 cellPadding=0

width="80%" borderColorLight=#ff69b4

background=http://www.yyly8.com/yy/10/sucai/heise/181.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center>
<TABLE cellSpacing=15 borderColorDark=#ff69b4 cellPadding=5

width="80%" borderColorLight=#ff69b4 background=border=3>
<TBODY>
<TR>
<TD>
<DIV> 
<TABLE style="BORDER-RIGHT: #deb887 5px dotted;

BORDER-TOP: #deb887 5px dotted; BORDER-LEFT: #deb887 5px dotted" cellSpacing=0

width=600 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #2e8b57 5px dotted;

BORDER-TOP: #2e8b57 5px dotted; BORDER-LEFT: #2e8b57 5px dotted;

BORDER-BOTTOM: #2e8b57 5px dotted" cellSpacing=0 width=580>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #556b2f 3px dotted; BORDER-TOP: #556b2f 3px dotted;

BORDER-LEFT: #556b2f 3px dotted; BORDER-BOTTOM: #556b2f 3px dotted" cellSpacing=0 width=570>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 560px; HEIGHT: 147px" cellSpacing=10

borderColorDark=#556b2f cellPadding=0 width=560 align=center

borderColorLight=#556b2f background=http://blog.lanyue.com/model/luntan/upload_pic/1568125.jpg border=1>
<TBODY>
<TR>
<TD width="80%">
<TABLE cellSpacing=0 cellPadding=15 width="80%" align=center background=http://i.uu1001.com/uu/bbs616/Mon_0612/43_11_95cfc2ebf7a113a.jpg border=0>
<TBODY>
<TR>
<TD width="80%">

这里是输入文字的地方，可以放图片代码，放梦幻代码，放动画代码等等

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></P>

</TD></TR></TBODY></TABLE>

看看效果:

这里是输入文字的地方，可以放图片代码，放梦幻代码，放动画代码等等

精美边框代码（12）：

<TABLE cellSpacing=10 borderColorDark=#1b2223 cellPadding=0 width="100%"

borderColorLight=#6f8a8e background=http://bbs.muwen.com/fileuploaddir/4B398254867.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=15 cellPadding=0 width="100%"

background=http://bbs.muwen.com/fileuploaddir/4B398260925.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#235156 cellPadding=0 width="100%"

borderColorLight=#6f8a8e background=http://bbs.muwen.com/fileuploaddir/4B398262989.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=10 cellPadding=0 width="100%"

background=http://bbs.muwen.com/fileuploaddir/4B398254867.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#6f8a8e cellPadding=5 width="100%"

borderColorLight=#1b2223 background=http://bbs.muwen.com/fileuploaddir/4B398262989.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
此处可以输入文字，可以放Flash动画代码，还可以放gif动态小图
</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
</TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE>

看看效果：

此处可以输入文字，可以放Flash动画代码，还可以放gif动态小图

精美边框代码（14）：

<TABLE style="WIDTH: 543px; HEIGHT: 100px" cellSpacing=40 cellPadding=0 width=543 align=center bgColor=#235156 background=http://bbs.muwen.com/fileuploaddir/4B398396402.jpg border=0 alink="#E3E9EA" vlink="#E3E9EA" link="#E3E9EA" bgproperties="fixed">
<TBODY>
<TR>
<TD width="100%">
<CENTER>
<TABLE cellSpacing=10 borderColorDark=#1b2223 cellPadding=0 width="90%" borderColorLight=#6f8a8e background=http://bbs.muwen.com/fileuploaddir/4B398395320.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=15 cellPadding=0 width="100%" background=http://bbs.muwen.com/fileuploaddir/4B398397477.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#235156 cellPadding=0 width="100%" borderColorLight=#6f8a8e background=http://bbs.muwen.com/fileuploaddir/4B398398972.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=10 cellPadding=0 width="100%" background=http://bbs.muwen.com/fileuploaddir/4B398395320.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#6f8a8e cellPadding=5 width="100%" borderColorLight=#1b2223 background=http://bbs.muwen.com/fileuploaddir/4B398398972.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD >
此处可以输入文字,可以放Flash动画代码,还可以放导入gif动态小图的代码以及多层透明Flash动画的代码.
</TD></TR></TOBDY></TBODY></TABLE></P></TD></TR></TBODY></TABLE></DIV></TD></TR>

</TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

</DIV></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></P>

看看效果：

此处可以输入文字,可以放Flash动画代码,还可以放导入gif动态小图的代码以及多层透明Flash动画的代码.

精美边框代码（15）：

<TABLE borderColor=#aecaae cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD borderColor=#ffffff align=middle width="100%">
<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word">
<DIV align=center></DIV>
<DIV align=center>
<TABLE cellSpacing=40 borderColorDark=#2d3c51 cellPadding=0 width="98%" align=center borderColorLight=#7b93b7 background=http://img.blog.163.com/photo/IuWTlpu0LqJ7qwyJhucLpg==/1453536779734398607.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=15 cellPadding=0 width="100%" background=http://img.blog.163.com/photo/c2DiB--gl7CQcjtn_C7jlQ==/1689412810217729946.jpg>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=8 borderColorDark=#2d3c51 cellPadding=0 width="100%" borderColorLight=#7b93b7 background=http://img.blog.163.com/photo/x_Ed_UFjNAxsWIjfVm2eJw==/3728699016486569509.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=10 cellPadding=0 width="100%" background=http://img.blog.163.com/photo/pmdCQ5v9h6gBvTr_5fr7-g==/2275725186706090715.jpg>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=30 borderColorDark=#2d3c51 cellPadding=0 width="100%" borderColorLight=#7b93b7 background=http://img.blog.163.com/photo/ZoqEL14O9J8JheHtMXEjdw==/313281649079305873.jpgborder=0>
<TBODY>
<TR>
<TD width="100%">这里可以输入文字，可以放动画代码，可以gif动画片代码，可以放多层Flash动画代码，还可以放导入背景图片的代码。 </TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

看看效果：

这里可以输入文字，可以放动画代码，可以gif动画片代码，可以放多层Flash动画代码，还可以放导入背景图片的代码。

要想自己亲自做边框吗？请点击=》音画制作入门---怎样做边框

要想自己亲自加进文字与音画么?请点击=》音画制作---怎样在边框内添加内容

要想得到精美边框图片吗？请点击=》精美边框图片（包括闪光图）

点击更多

评论这张

转发至微博

阅读(11)| 评论(0)

推荐转载

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_085071081080080068086083082095083081089068082087081066',
              blogTitle:'引用  精美边框代码与制作效果（一）',
              blogAbstract:'<P\><EM\>引用</EM\></P\>\r\n<BLOCKQUOTE\><A href=\"http://chengslhenan.blog.163.com/\" target=_blank\>天使之爱</A\> 的 精美边框代码与制作效果（一）<BR\>\r\n<BLOCKQUOTE\>\r\n<P\>精美边框代码(1)</P\>\r\n<P\><TABLE cellSpacing=50 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/314311/uploadpic/2006100113393999256.jpg border=0><BR\><TBODY><BR\><TR><BR\><TD width=\"100%\"><BR\><TABLE cellSpacing=10 borderColorDark=#6c3365</P\></BLOCKQUOTE\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/77876171200810941144634',
              isPublished:1,
              istop:false,
              type:1,
              modifyTime:0,
              publishTime:1226218304634,
              permalink:'blog/static/77876171200810941144634',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'一个高贵、矜持、典雅、睿智、我行我素,精明能干,乐观与忧郁并存,天真与成熟一体,现实与理想完美结合体的女孩!',
              hmcon:'0',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/77876171200810941144634">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 博客风格 - 手机博客 - 下载LOFTER APP - 订阅此博客

あ娜儿博客☆む

导航

日志

引用精美边框代码与制作效果（一）

历史上的今天

最近读者

热度

评论

页脚

あ娜儿博客☆む

导航

日志

引用 精美边框代码与制作效果（一）

历史上的今天

最近读者

热度

评论

页脚

引用精美边框代码与制作效果（一）