點燃的蠟燭語法

<center><table bordercolor="#ffffff" height="300" cellspacing="10" cellpadding="20" width="400" bgcolor="#000000" border="10"><tbody><tr><td><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><center /></td></tr></tbody></table></center>
=================================================================
為了看清楚效果多加了黑色邊框

語法..

蠟燭
<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>

=============================

火焰的語法

火焰
<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>

CSS顏色漸變 ( 蠟燭)

說明:不管什麼顏色的蠟燭,點燃後火焰應該是紅黃色的,蠟燭的上部也是黃色的.

要達到這種效果,我們用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

漸變結束的顏色