制作渐变色背景的代码

 完全靠代码产生背景渐变颜色，视觉很美。我以蓝、绿、黄色配上红色制作几款效果图供大家参考。图片可用静态图片，也可用动态图片。希望朋友们喜欢。图片进行翻转处理方法见博文《巧用代码让美图呈现长卷画面效果及实例》，图片上传获得地址带入代码中即可。

蓝、红代 码    

<TABLE cellSpacing=0 cellPadding=0 width=540 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DximageTransform.Microsoft.gradient(gradientType=1,startColorstr=blue, endColorstr=red)" height=340 cellSpacing=0 cellPadding=0 width=270 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#FF00FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff">
<P align=right><FONT style="FONT-SIZE: 35pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>谢谢</B></FONT></P></DIV></TD></TR></TBODY></TABLE></DIV></TD>
<TD>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DximageTransform.Microsoft.gradient(gradientType=1,startColorstr=red, endColorstr=blue)" height=340 cellSpacing=0 cellPadding=0 width=270 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#FF00FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff">
<P align=left><FONT style="FONT-SIZE: 35pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>观赏</B></FONT></P></DIV></TD></TR></TBODY></TABLE>

 

 

黄、红代 码   

<TABLE cellSpacing=0 cellPadding=0 width=540 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DximageTransform.Microsoft.gradient(gradientType=1,startColorstr=yellow, endColorstr=red)" height=340 cellSpacing=0 cellPadding=0 width=270 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#FF00FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff">
<P align=right><FONT style="FONT-SIZE: 35pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>谢谢</B></FONT></P></DIV></TD></TR></TBODY></TABLE></DIV></TD>
<TD>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DximageTransform.Microsoft.gradient(gradientType=1,startColorstr=red, endColorstr=yellow)" height=340 cellSpacing=0 cellPadding=0 width=270 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#FF00FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff">
<P align=left><FONT style="FONT-SIZE: 35pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>观赏</B></FONT></P></DIV></TD></TR></TBODY></TABLE>

 

添加图片代码   

<TABLE cellSpacing=0 cellPadding=0 width=540 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DximageTransform.Microsoft.gradient(gradientType=1,startColorstr=blue, endColorstr=red)" height=340 cellSpacing=0 cellPadding=0 width=270 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#FF00FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff">
<P align=right><FONT style="FONT-SIZE: 35pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>昭昭<A href="http://s4.sinaimg.cn/orignal/5e1a7abfg706541b0ac03&690" target=_blank><IMG src="http://s4.sinaimg.cn/middle/5e1a7abfg706541b0ac03&690" onload="if(this.clientWidth>500)this.style.width='500px';"></A>谢谢</B></FONT></P></DIV></TD></TR></TBODY></TABLE></DIV></TD>
<TD>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DximageTransform.Microsoft.gradient(gradientType=1,startColorstr=red, endColorstr=blue)" height=340 cellSpacing=0 cellPadding=0 width=270 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#FF00FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff">
<P align=left><FONT style="FONT-SIZE: 35pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>公主<A href="http://s14.sinaimg.cn/orignal/5e1a7abfg706541b0bb5d&690" target=_blank><IMG src="http://s14.sinaimg.cn/middle/5e1a7abfg706541b0bb5d&690" onload="if(this.clientWidth>500)this.style.width='500px';"></A>观赏</B></FONT></P></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>