很多漂亮的网站都有渐变，那么如何实现这种效果呢？一个最简单的方法是设置网页的背景图片为渐变的。这一设置背景图片就可以做到让网页渐变了。事实上，我不采用图片也是可以做到的，这就是使用CSS代码。

下面是一般情况下设置背景渐变代码
<style type="text/css">
body{
margin:0;
padding:0;
background:url(写上路径) repeat-x;
color:ffffff;
}
</style>

采用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渐变代码都是针对两种颜色的。想必怎么使用大家应该都知道了吧？