三层边框代码释义

三层边框代码释义

这里输入文字图片

 

 代        码

<TABLE border=10 cellSpacing=15 borderColor=#a2875a cellPadding=3 width="100%" bgColor=#ff0000>
<TBODY>
<TR>
<TD>
<TABLE border=5 cellSpacing=20 cellPadding=3 width="100%" background=http://image33.360doc.com/DownloadImg/2011/07/3010/14894488_1.gif>
<TBODY>
<TR>
<TD>
<TABLE border=5 cellSpacing=20 cellPadding=3 width="100%" bgColor=#000000 height=150>
<TBODY>
<TR>
<TD>
<P align=center>这里输入文字图片 </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

代码释义

 

        一、红色字母部分是外层边框的代码：

<TABLE border=10 cellSpacing=15 borderColor=#a2875a cellPadding=3 width="100%" bgColor=#ff0000>
<TBODY>
<TR>
<TD>
         1、<TABLE ：是添加边框（表格）；

        2、border=10 ：是表格的边，就是外层边框的边；

        3、borderColor=#a2875a ：是边框的边的颜色，#a2875a 是金黄色代码；

        4、bgColor=#ff0000：是外层表格窗口的背景色，#ff0000是红色；

        5、cellSpacing=15

        6、cellPadding=3

        7、width="100%"：是所在窗口宽度的100%（与窗口等宽）。

 

        二、蓝色字母是第二层边框的代码：

<TABLE border=5 cellSpacing=20 cellPadding=3 width="100%" background=http://image33.360doc.com/DownloadImg/2011/07/3010/14894488_1.gif>
<TBODY>
<TR>
<TD>
        1、background：是添加背景图片的代码；

        2、http://image33.360doc.com/DownloadImg/2011/07/3010/14894488_1.gif：是背景图片的网络地址。背景图片可以是一般图片（jpg格式），也可以是动态图片（gif格式的图片）。

 

        三、绿色字母是内层边框的代码：

<TABLE border=5 cellSpacing=20 cellPadding=3 width="100%" bgColor=#000000 height=150>
<TBODY>
<TR>
<TD>
<P align=center>这里输入文字图片

        1、bgColor=#000000 ：是内层窗口的背景色，#000000 是黑色的代码；

        2、<P align=center>这里输入文字图片：插入居中的文字图片等内容，align=center是居中的代码。

 

        四、三层边框代码的结束语代码：

</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

        1、代码总是成对出现，如<P>与</P>、<TD>与</TD>、<TR>与</TR>、<TABLE>与</TABLE>等。开始语句字符前没有斜扛，如<TBODY>，结束语句字符前有一斜扛，如< BODY>。

        2、边框代码中，开始语句由外层到内层，结束语句由内层到外层。

 

       五、改变和调整边框中各项参数的大小，替换不同的背景颜色和不同的背景图片，就可以制作出色彩艳丽、生动耀眼、安静淡雅、古色古香的各种边框。当然好的边框离不开好的边框素材，平时要注意收集和整理。