滤镜实现颜色渐变

css颜色渐变  2009-09-04 14:11<table cellpadding="0" cellspacing="0" width="72%" height="30" border="0"><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>用css实现网页背景渐变的代码如下：一、从上往下渐变Example Source Code:body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}二、从左上至右下渐变Example Source Code:body{FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100);background-color: skyblue;}三、从左往右渐变Example Source Code:body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);}四、从上往下渐变Example Source Code:style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"用css实现网页背景渐变的代码如下：一、从上往下渐变Example Source Code:body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}二、从左上至右下渐变Example Source Code:body{FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100);background-color: skyblue;}三、从左往右渐变Example Source Code:body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);}四、从上往下渐变Example Source Code:style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"