<table cellpadding="0" cellspacing="0" width="100%" height="22" border="0">
<tr>
<td id="msviRegionIdGraphic" bgcolor="#FFFFFF"></td>
<td id="msviRegionGradient1" width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"></td>
<td id="msviRegionGradient2" width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#98B2E6', endColorStr='#3568CC', gradientType='1')"></td>
</tr>
</table>
<tr>
<td id="msviRegionIdGraphic" bgcolor="#FFFFFF"></td>
<td id="msviRegionGradient1" width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"></td>
<td id="msviRegionGradient2" width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#98B2E6', endColorStr='#3568CC', gradientType='1')"></td>
</tr>
</table>
博客展示了通过CSS实现表格渐变效果的代码。利用HTML的table标签创建表格,结合CSS的filter属性,使用微软的Gradient滤镜,设置起始颜色和结束颜色,实现了表格不同区域的渐变效果。
378





