欢迎您！启步学代码。

（游子学习笔记。供初学HTML代码的朋友参考）

学习表格标签做颜色背景图框

　　做音画贴首先要构思用那一种图框和背景．图框有用表格标签以颜色或图片作背景的单层和多层套装，也有用三张图片合成的三合一套装．用颜色做成的图框，不受条件所限，隐定性较好，显示也快。用网络上的图片地址做成的多层套装，非常精彩漂亮，但有时会因网络失去链接，无法显示。

用颜色做成的一层图框；

颜色做成的一层图框代码；

<TABLE borderColor=#ffd700 cellSpacing=10 cellPadding=10 width="800 "height="330" align=center bgColor=#0000ff border=16> <TBODY> <TR> <TD > <BR><BR><BR><BR><BR><BR> </TD></TR></TBODY></TABLE>

用颜色做背景的二层图框；

用颜色做背景的二图框代码；

<TABLE borderColor=#808000 cellSpacing=3 cellPadding=1 width="800 "height="330" align=center bgColor=#ffff00 border=16> <TBODY> <TR> <TD > <TABLE borderColor=#80ff00 cellSpacing=3 cellPadding=3 width="780 "height="330" align=center bgColor=#0000ff border=8> <TBODY> <TR> <TD > <BR><BR><BR><BR><BR><BR> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

背景颜色淡化暂变(从左向右):

　

背景颜色淡化暂变(从左向右):代码:

<table border="15" width="760" cellspacing="5" cellpadding="5" bgcolor="#FFFF00" bordercolor="#800000" id="table1" height="260"> <tbody> <tr> <td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00ff00', endColorStr='#ffffff', gradientType='1')"> 　 </td></tr></tbody></table>

背景颜色淡化暂变(从右向左):

　

背景颜色淡化暂变(从左向右):代码:

<table border="15" width="760" cellspacing="5" cellpadding="5" bgcolor="#FFFF00" bordercolor="#800000" id="table1" height="260"> <tbody> <tr> <td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#00ff00', gradientType='1')"> 　 </td></tr></tbody></table>

◇ 击点打开html代码浏览器◇

　　原创编辑：游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编

（为了让更多网友学用html代码制作音画贴，本贴欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢！）