精美邊框代碼與制作效果（一）
博客代碼總匯 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>
<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%">
這里是輸入文字的地方,也可以放圖片代碼和動(dòng)畫(huà)代碼.
</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>
看看效果:
這里是輸入文字的地方,也可以放圖片代碼和動(dòng)畫(huà)代碼.
精美邊框代碼(2):
<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://image22.360doc.com/DownloadImg/2011/01/1318/8457557_10>
border=1>
<TBODY>
<TR>
<TD width="100%">
<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>
<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://image22.360doc.com/DownloadImg/2011/01/1318/8457557_12.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=50 background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_13.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://image22.360doc.com/DownloadImg/2011/01/1318/8457557_12.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=23 cellPadding=0 width=586 background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_13.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://image22.360doc.com/DownloadImg/2011/01/1318/8457557_12.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE borderColor=#111111 cellSpacing=4 cellPadding=0 width=154 background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_13.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%">
這里是輸入文字的地方,也可以放圖片代碼和動(dòng)畫(huà)代碼.
</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>
看看效果:
海珠兒收集整理這里是輸入文字的地方,也可以放圖片代碼和動(dòng)畫(huà)代碼.
精美邊框代碼(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>
<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://image22.360doc.com/DownloadImg/2011/01/1318/8457557_15.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%">
這里是輸入文字的地方，可以放圖片代碼，放夢(mèng)幻代碼，放動(dòng)畫(huà)代碼等等
</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>
看看效果:
海珠兒收集整理這里是輸入文字的地方，可以放圖片代碼，放夢(mèng)幻代碼，放動(dòng)畫(huà)代碼等等
精美邊框代碼（4）：
<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動(dòng)畫(huà)代碼,還可以放導入gif動(dòng)態(tài)小圖的代碼以及多層透明Flash動(dòng)畫(huà)的代碼.
</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動(dòng)畫(huà)代碼,還可以放導入gif動(dòng)態(tài)小圖的代碼以及多層透明Flash動(dòng)畫(huà)的代碼.
精美邊框代碼（5）：
<TABLE borderColor=#aecaae cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD borderColor=#ffffff align=middle width="100%">
<TABLE style="" 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://image22.360doc.com/DownloadImg/2011/01/1318/8457557_16.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=15 cellPadding=0 width="100%" background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_17><TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=8 borderColorDark=#2d3c51 cellPadding=0 width="100%" borderColorLight=#7b93b7 background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_18.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=10 cellPadding=0 width="100%" background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_19><TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=30 borderColorDark=#2d3c51 cellPadding=0 width="100%" borderColorLight=#7b93b7 background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_20><TBODY>
<TR>
<TD width="100%">這里可以輸入文字，可以放動(dòng)畫(huà)代碼，可以gif動(dòng)畫(huà)片代碼，可以放多層Flash動(dòng)畫(huà)代碼，還可以放導入 背景圖片的代碼。 </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>
看看效果：
海珠兒收集整理這里可以輸入文字，可以放動(dòng)畫(huà)代碼，可以gif動(dòng)畫(huà)片代碼，可以放多層Flash動(dòng)畫(huà)代碼，還可以放導入 背景圖片的代碼。
精美邊框代碼（6）：
<P align=center>
<TABLE borderColor=#cccccc cellSpacing=20 cellPadding=20 width="100%" background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_24.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_25.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=10 cellPadding=10 width="100%" align=right bgColor=#000000 background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_26.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_27.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_28.jpg border=1>
<TBODY></TBODY></TABLE>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_29.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=border=0>
<P style="TEXT-INDENT: 2em">
<P></P>
<P></P>
<P></P>
<P style="TEXT-INDENT: 2em" align=center><A href="
這里可以輸入文字，可以放Flash動(dòng)畫(huà)代碼，可以放gif動(dòng)態(tài)小圖代碼；還可以放多層透明Flash動(dòng)畫(huà)..........
<TABLE borderColor=#cccccc cellSpacing=10 cellPadding=20 width="100%" background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_30.jpg border=2>
<TABLE borderColor=#cccccc cellSpacing=20 cellPadding=20 width="100%" align=right background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_31.jpg border=1>
<TABLE borderColor=#cccccc cellSpacing=10 cellPadding=10 width="100%" align=right bgColor=#000000 background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_32.jpg border=1>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_33.jpg border=2>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_28.jpg border=1>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://image22.360doc.com/DownloadImg/2011/01/1318/8457557_31.jpg border=1>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=border=0>
