[07/27][交流]几种边框代码分享

happy-yan

第一种：两层

效果图

代码
<P ALIGN=CENTER> <TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1> <TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0> <TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table></p>

第二种：八层

效果图


代码
<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/aebdd4b9.jpg border=0> <TBODY> <TR> <TD> <TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/01f2009c.jpg border=0> <TBODY> <TR> <TD> <TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/858f85a0.jpg border=0> <TBODY> <TR> <TD> <TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/a82ee256.gif border=0> <TBODY> <TR> <TD> <TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/858f85a0.jpg border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=0 cellPadding=15 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/076b82b3.jpg border=0> <TBODY> <TR> <TD> <DIV align=center> <TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/858f85a0.jpg border=0> <TBODY> <TR> <TD> <DIV align=center> <TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/fd57e048.gif border=0> <TBODY> <TR> <TD> <TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0> <TBODY> <TR> <TD> <center><img src=http://www.xyhc.com/attachments/month_0607/Rk9SINChyqtD_rBZqelqdAmVE.jpg width=400></center> </TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></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>

第三种：三层

效果图

加入内容

代码
<CENTER><TABLE cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1><TR><TD><TABLE cellSpacing=8 cellPadding=10 width=450 bgColor=#000000 border=1><TR><TD><CENTER><TABLE cellSpacing=8 cellPadding=10 width=450 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0153.gif border=0><TR><TD>加入内容</TD></TR></TABLE></CENTER></TD></TR></TABLE></TD></TR></TABLE></center>

第四种：加框有一层FLASH的图片

效果图


代码
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xyhc.com/attachments/month_0607/Rk9SINChyqtD_rBZqelqdAmVE.jpg border=1 bortercolor="#000000"> <TBODY> <TR> <TD> <P align=center><EMBED src=http://lain1978.com/collection/flash/007.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>

[ 本帖最后由 happy-yan 于 2006-7-27 14:55 编辑 ]

happy-yan

效果：



代码：

<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%"> <CENTER> <TABLE cellSpacing=0 width=400 background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/858f85a0.jpg border=0 cellpading="0"> <TBODY> <TR> <TD> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/bihe.jpg___2004511215822101.jpg" width=500></P> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/by.jpg___2004511215822766.jpg" width=500></P> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/htys.jpg___2004511215822890.jpg" width=500></P> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/hyxq.jpg___2004511215822564.jpg" width=500></P> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/lty.jpg___2004511215822316.jpg" width=500></P> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/zyh.jpg___2004511215916227.jpg" width=500></P> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/yannian.jpg___200451121591787.jpg" width=500></P> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/xbh.jpg___2004511215917981.jpg" width=500></P> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mdqg.jpg___20045112203661.jpg" width=500></P> <P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mlsx.jpg___20045112203201.jpg" width=500></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>

绯舞

恩 详细的 可以直接代码套用

月儿

假 如 善 用 <TD> 框 框 數 量 可 減 半 8個 框 減 為 4個 框

代 碼 :

<TABLE cellSpacing=4 cellPadding=15 width="700" align=center background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/aebdd4b9.jpg border=0> <TBODY> <TR> <TD background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/01f2009c.jpg> <DIV align=center> <TABLE cellSpacing=2 cellPadding=2 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/858f85a0.jpg border=0> <TBODY> <TR> <TD background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/a82ee256.gif> <DIV align=center> <TABLE cellSpacing=2 cellPadding=15 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/858f85a0.jpg border=0> <TBODY> <TR> <TD background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/076b82b3.jpg> <DIV align=center> <TABLE cellSpacing=2 cellPadding=4 width="100%" background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/858f85a0.jpg border=0> <TBODY> <TR> <TD background=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/01/fd57e048.gif> <DIV align=center> 帖 子 內 容 </DIV></TD></TR></TBODY></TABLE> </DIV></TD></TR></TBODY></TABLE> </DIV></TD></TR></TBODY></TABLE> </DIV></TD></TR></TBODY></TABLE>

墓志铭

这个好，学习了．

飘萍

保存了先，慢慢研究

诗心

不错的贴学习了

雨后天

谢谢楼主了,,我会发多点贴出来的!!望大家多多支持!