CSS实现表格的背景两色渐变

原理是使用alpha 滤镜在每个表格上加上一个透明渐变，由table的背景颜色控制，单个td控制另一色渐变
alpha 滤镜 
语法：{filter：alpha(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)} 
filter: alpha(opacity=100, finishopacity=0, style=1, startx=0, starty=0, finishx=0, finishy=100);

'alpha'属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定点、线、面的透明度。他们的参数含义分别如下： 
“opacity'代表透明度水准。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。”finishopacity'是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。“style' 参数指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。”startx“和”starty“代表渐变透明效果的开始x和y坐标。”finishx“和”finishy“代表渐变透明效果结束x和y 的坐标。

<style type="text/css"> </style> <table width="80%" border="0" cellpadding="5" cellspacing="1" bgcolor="#003399"> <tr bgcolor="#ffffff" class="xr"> <td width="20" bgcolor="#00ffff">id</td> <td bgcolor="#99ff00">name</td> <td bgcolor="#ff0000">icq</td> <td bgcolor="#ffcc00">msn</td> <td bgcolor="#66cc00">homepage</td> <td bgcolor="#003366">date</td> <td bgcolor="#cc3300">content</td> </tr> <tr align="center" bgcolor="#ffffff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]