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

博客代码总汇 2008-01-25 17:15:06 阅读15847 评论135 字号：大中小

精美边框代码(1):

<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>

<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>

<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0

width=529 background=http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>

<TBODY>

<TR>

<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0

width=50 background=http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>

<TBODY>

<TR>

<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>

<TABLE borderColor=#111111 cellSpacing=23 cellPadding=0

width=586 background=http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>

<TBODY>

<TR>

<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>

<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=154 background=

http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>

<TBODY>

<TR>

<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=328 background=

http://www.616bbs.com/picture/xx9/bj/ltbj3/9.jpg border=1>

<TBODY>

<TR>

<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></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>

看看效果:

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

精美边框代码(2):

<TBODY>

<TR>

border=1>

<TBODY>

<TR>

<TABLE cellSpacing=0 borderColorDark=#b1606c cellPadding=0 width="100%" align=center borderColorLight=#f3c1c9 background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_11.jpg

border=1>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

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

</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>

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

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

精美边框代码(3):

<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>

<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://image22.360doc.com/DownloadImg/2011/01/1318/8457557_15.jpg border=1>

<TBODY>

<TR>

<TBODY>

<TR>

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

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

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

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

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

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

精美边框代码（4）：

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<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动画的代码.

精美边框代码（5）：

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TR>

<TBODY>

<TR>

<TR>

<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动画代码，还可以放导入背景图片的代码。

精美边框代码（6）：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em">这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画.......... </P>

看看效果：

这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画..........

精美边框代码（7）：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em" align=center>这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画.......... </P>

看看效果：

这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画..........

精美边框代码（8）：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em" align=center>这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画.......... </P>

看看效果：

这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画..........

精美边框代码（9）：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em" align=center>这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画.......... </P>

看看效果：

这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画..........

精美边框代码（10）：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<P></P>

<P style="TEXT-INDENT: 2em" align=center>这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画.......... </P>

看看效果：

这里可以输入文字，可以放Flash动画代码，可以放gif动态小图代码；还可以放多层透明Flash动画..........

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

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

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

点击更多

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。