代码基地

 

怎样制作边框
代码：
<TABLE(表格符号) background="背景地址" borderColor=# (框边的颜色) cellSpacing= (框边间距离) cellPadding= (单元格高度) width= (宽度) height= (高度) bgColor=# (背景颜色) align=center(居中) border= (框边宽度) >
<TBODY>
<TR>
<TD>填入内容</TD>
<TD>填入内容</TD>
<TD>填入内容</TD></TR>
<TR>
<TD>填入内容</TD>
<TD>填入内容</TD>
<TD>填入内容</TD></TR>
<TR>
<TD>填入内容</TD>
<TD>填入内容</TD>
<TD>填入内容</TD></TR></TBODY></TABLE>
以上代码确切地说是表格代码，把括号内文字改成数字或去掉，变成以下代码形式： 
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>填入内容</TD>
<TD>填入内容</TD>
<TD>填入内容</TD></TR>
<TR>
<TD>填入内容</TD>
<TD>填入内容</TD>
<TD>填入内容</TD></TR>
<TR>
<TD>填入内容</TD>
<TD>填入内容</TD>
<TD>填入内容</TD></TR></TBODY></TABLE>
得到的表格效果：
填入内容填入内容填入内容填入内容填入内容填入内容填入内容填入内容填入内容 
如果把上述代码中的红色部分去掉，就得到简化后的边框代码：
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>填入内容</TD></TR></TBODY></TABLE>
这个代码得到的图案效果就是一个最简单的单边边框：
填入内容 
在框内粉色填入内容处可写文字日志，也可贴图或flash。如果将以上代码复制粘贴覆盖住填入内容，就会得到双层或多层边框。
多层边框代码：
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>
 <TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>填入内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>边框效果：
填入内容 
调整各层边框内的 borderColor=#（边框颜色）、cellSpacing=（边框间距）、bgColor=#（背景颜色）、 border=（边框宽度），就可得到颜色变化的边框。
如最外层borderColor=#ffcbb3、cellSpacing=1、bgColor=#000000、border=7
次外层borderColor=#ff8f59、cellSpacing=1、bgColor=#000000、border=6
第三层borderColor=#fd94600、cellSpacing=1、bgColor=#000000、border=5
最内层borderColor=#642100、cellSpacing=4、bgColor=#888888、border=4
所得到的边框效果如下：
 

 
做更多层的边框，用以上方法以此类推。
关于边框的 cellPadding= (单元格高度) height= (高度)  width= (宽度) 三个尺寸问题，高度均设为0，通过日志的内容自然找齐。最内层边框根据实际设宽度值，其他层的宽度均设为0。
下面的边框，完全是用颜色代码制作的：
 



 
 
 
以上只是利用颜色代码和调整各个参数做的边框。如要做带有花色图案的边框，则需选好背景图片，将每层的图片地址置入该层的 background="背景地址" 中，但同时要适当加大该层中的cellSpacing= (框边间距离)，图案方能显示清楚、美观。一般做这样的边框需用多个边框代码套用，多则十几个。
请看以下边框效果：