纵向渐变:
复制代码
<tr>
<td style=”font-weight:bold;color:Black;border:1px solid #E5F5FF; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#ffffff’, endColorStr=’#E5F5FF’, gradientType=’0′);”>
text
</td>
</tr>

横向渐变:
复制代码
<tr>
<td style=”font-weight:bold;color:Black;border:1px solid #E5F5FF; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#ffffff’, endColorStr=’#E5F5FF’, gradientType=’1′);”>
text
</td>
</tr>

默认纵向渐变颜色:
复制代码
<tr>
<td style=”font-weight:bold;color:Black;border:1px solid #E5F5FF; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#ffffff’, endColorStr=’#E5F5FF’, gradientType=’2′);”> text
</td>
</tr>

对于网页设计师而言,颜色渐变在网页设计中十分常见,而对于网页制作者来说,通常的方法就是把渐变切成图片来实现。伴随着css3的出现,实现背景颜色渐变,图片不再是唯一的实现方式。虽然IE浏览器还没有实现,但Mozilla和webkit内核的浏览器已经接受了这一实现方式。在这里面,我分别就这两种内核的浏览器进行讲解。










