用代码制作蜡烛

代码如下：
效果：
<TABLE style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)">
</TD></TR></TBODY></TABLE>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=#ff0000)" height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>

说明:不管什么颜色的蜡烛,点燃后火焰应该是红黄色的,蜡烛的上部也是黄色的.

要达到这种效果,我们用CSS颜色渐变就可以作到.

火焰的语法里已经用了style="FILTER: alpha(opacity=100,finishopacity=0,style=2)"

那么可以在<td>里使用渐变,即把

style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=yellow, endColorstr=red)"

这一句放在<td>里.

gradientType=0     表示渐变的方向.

0   从上往下渐变

1  从左往右渐变

startColorstr=yellow

渐变开始的颜色

endColorstr=red

渐变结束的颜色

代码：

<TABLE cellSpacing=1 bgColor=#000000>
<TBODY>
<TR>
<TD width=8 bgColor=#009999></TD>
<TD width=8 bgColor=#00cccc></TD>
<TD width=8 bgColor=#66ccff></TD>
<TD bgColor=#ffffff><FONT color=#000000 size=4>欢迎光临音画教堂<BR></FONT></TD>
<TD width=8 bgColor=#66ccff></TD>
<TD width=8 bgColor=#00cccc></TD>
<TD width=8 bgColor=#009999></TD></TR></TBODY></TABLE>

代码：

<TABLE cellSpacing=1 bgColor=#000000>
<TBODY>
<TR>
<TD bgColor=#0066cc height=2></TD></TR>
<TR>
<TD bgColor=#3399ff height=2></TD></TR>
<TR>
<TD bgColor=#66ccff height=2></TD></TR>
<TR>
<TD bgColor=#ffffff><FONT color=#000000 size=4>欢迎光临音画教堂</FONT></TD></TR>
<TR>
<TD bgColor=#66ccff height=2></TD></TR>
<TR>
<TD bgColor=#3399ff height=2></TD></TR>
<TR>
<TD bgColor=#0066cc height=2></TD></TR></TBODY></TABLE>