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

happy-yan 发表于 2006-7-27 14:51:31

<font size=4 color=purple><b>第一种：两层</b></font><BR><BR>
<font size=3 color=blue><b>效果图</b></font><BR>

<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><center><img src=http://www.xyhc.com/attachments/month_0607/Rk9SINChyqtD_rBZqelqdAmVE.jpg width=700></center></td></tr></tbody></table></td></tr></tbody></table></P><BR><BR>
<font size=3 color=blue><b>代码</b></font><BR>
<textarea rows=5 cols=140>
<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>
</textarea><BR><BR>

<font size=4 color=purple><b>第二种：八层</b></font><BR><BR>
<font size=3 color=blue><b>效果图</b></font><BR>

<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>
<BR><BR>
<font size=3 color=blue><b>代码</b></font><BR>
<textarea rows=45 cols=140>
<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>
</textarea><BR><BR>

<font size=4 color=purple><b>第三种：三层</b></font><BR><BR>
<font size=3 color=blue><b>效果图</b></font><BR>
<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>
<BR><BR>
<font size=3 color=blue><b>代码</b></font><BR>
<textarea rows=5 cols=140>
<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>
</textarea><BR><BR>

<font size=4 color=purple><b>第四种：加框有一层FLASH的图片</b></font><BR><BR>
<font size=3 color=blue><b>效果图</b></font><BR>
<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>
<BR><BR>

<font size=3 color=blue><b>代码</b></font><BR>
<textarea rows=8 cols=140>
<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>
</textarea><BR><BR>

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

happy-yan 发表于 2006-7-27 15:23:29

左右移动的图片们：（要有个背景哟）

效果：
<BR><BR>
<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>
<BR><BR>
代码：
<BR><BR>
<textarea rows=18 cols=140>
<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></textarea>

绯舞发表于 2006-7-27 15:56:05

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

月儿发表于 2006-7-27 19:53:26

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

<BR><BR><BR><BR><BR><P align=center><FONT size=7 color=gold><B>假如善用 <TD> <BR>框框數量可減半<BR>8個框減為 4個框 </B></FONT></P><BR><BR><BR><BR><BR>

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

<BR><BR><P></P><P></P><P align=left><FONT size=4 color=blue>代碼 :</FONT></P><P align=left><TEXTAREA rows=20 cols=80><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></TEXTAREA></P><BR><BR>

墓志铭 发表于 2006-7-28 11:52:21

这个好，学习了．

飘萍发表于 2006-8-3 15:50:07

保存了先，慢慢研究

诗心发表于 2006-9-25 08:34:34

不错的贴学习了

雨后天 发表于 2006-9-27 15:10:50

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

页: [1]

新萤火虫论坛's Archiver

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

左右移动的图片们：（要有个背景哟）