当网页中含有渐变色时，用图片来作为网页设计的背景并不合适，由于内容大小的不确定性致使网页变形，或者超出图片颜色渐变的范围这些都是时有发生的。这时，用代码控制颜色变化，实现颜色渐变就变得相当重要。

Css样式中控制颜色渐变代码为

style="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0B6CCB,endColorStr=#FFFFFF);"

gradientType=1 横向，gradientType=0 纵向

startColorStr ： 渐变起始颜色

endcolorstr ：渐变中止颜色

简单举一些使用的例子，

用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);"