<tr>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')">1</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1')">2</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='2')">3</td>
</tr>
</table>
注意：gradientType的值~
我看不了你的链接，不过渐变我可以说一下：你做一张渐变的图片，然后通过背景写进去，
background:url()
技巧是，这张渐变图片很大，你要把他切成一张高或者宽只有一像素的小图，为什么呢？
线性渐变一般都有规律，横向或者纵向，你根据渐变的规律尽量让图片最小，以横向图片为例（举列一张100*100的图片）：
图片从左到右的方向渐变，那宽度就是100，
图片的从顶端垂直方向到底端，它所有的颜色都是重复的，那我只需要一个像素的高度然后重复的纵向填充就可以了，所以高度就是1。
所以切出来的图片尺寸是100*1
然后通过css加载进来，
.div{
width:100px
height:100px
background:url(图片的路径) repeat-y
}
那图片就自动纵向铺开了！
