载入中
自定义HTML载入中... loading
学代码9 [转贴 2007-11-08 20:47:09]  删除... 
字体变小 字体变大
利用表格属性做漂亮的代码边框。


    在论坛的贴图栏中,有很多精美套装图框,可以拿来用。
我们也可以应用表格的相关属性,自已做出喜欢的图框套装。
图框有用颜色作背景,更多的是用图片作背景。图框有单层
或多层,常见有七层。巧妙的应用表格的相关属性,可以做
出许多漂亮的图框套装。




用颜色作背景的单层图框


插入内容





代码:

<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->

<TABLE borderColor=#fff000 cellpadding=30 cellpadding= 15 cellSpacing=15 cellPadding=15 width="780" bgcolor="#0000FF" border=12>

<TBODY>
<TR>
<TD>
<CENTER><font style=font:20pt face=幼圆 color=fff000>插入内容</font>
</CENTER>
<BR><BR><BR><BR>
</TD></TR></TBODY></TABLE>





用颜色作背景的双层图框


插入内容





代码:


<TABLE borderColor=#fff000 cellpadding=0 cellpadding= 5 cellSpacing=5 cellPadding=15 width="780" bgcolor="#0000FF" border=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#fff000 cellpadding=30 cellpadding= 5 cellSpacing=5 cellPadding=15 width="100%" bgcolor="#2894FF" border=2>
<TBODY>
<TR>
<TD>
<CENTER><font style=font:20pt face=幼圆 color=fff000>插入内容</font>
</CENTER>
<BR><BR><BR><BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>






用图片作背景的单层图框


123










代码:


<TABLE borderColor=#fff000 cellpadding=30 cellpadding= 15 cellSpacing=15 cellPadding=15 width="780" background=http://bg.e-yu.cn/x/1/back_35.jpg border=12>
<TBODY>
<TR>
<TD>
<P>123</P>
<BR><BR><BR><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE>





用图片作背景的双层图框





插入内容

代码:
<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->

<table align="center" border="1" cellpadding="8" cellspacing="8" width="780" background="http://www.dabaoku.com/sucai/shejilei/bj/pic/0430.jpg" bordercolorlight="#0C091D" bordercolordark="#C0B4FE">
<tr>
<td>
<table align="center" border="2"cellpadding=30 cellpadding="15" cellspacing="15" width="100%" background="http://www.dabaoku.com/sucai/shejilei/bj/pic/0471.jpg" bordercolorlight="#0C091D" bordercolordark="#0C091D">
<tr><td width="100%" align="center">
<br><br><img border="0" src="http://img013.photo.wangyou.com/2004/8/25/16304/200511233202975.gif ">
<BR><BR>
<CENTER><font style=font:20pt face=幼圆 color=0000000>插入内容</font></CENTER>
<br><br></td></tr></table></td></tr></table>






用图片作背景的七层图框


网络情缘 平淡温馨











图文:网络
< /TD>

 


代码:


<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->

<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="780" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313595718.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131404918.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=18 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813141196.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135611790.jpg border=1>
<TBODY>
<TR>
<TD align=middle>
<P align=center><IMG src="http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813201734131.jpg"> <FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 65px">网络情缘 平淡温馨</FONT> <BR><BR><BR><BR>
<P align=center>
<TABLE height="100%" width="100%">
<TBODY>
<TR>
<TD vAlign=top width="34%">

<TD vAlign=top width="33%"></TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR><BR>
<CENTER><IMG src="http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313555870.jpg"></CENTER>
<CENTER><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 65px" size=7><B>图文:网络<br></B></FONT></CENTER>
</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></TD></TR></TBODY></TABLE>
<P></P>

 

 

分类: 常识
票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
下一篇: 学代码10
上一篇: 学代码7
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心