如何实现CSS网页背景渐变

作者

为了使网页变得更加美观好可看，我们都会给网页制作一些特效，在制作特效的同时就会有新手开发者们好奇如何实现CSS网页背景渐变呢？现在我们就去看看实现CSS网页背景渐变实例代码吧。

一、从上往下渐变


body{

FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)”;

}

二、从左上至右下渐变

 


body{

FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); }

background-color: skyblue;

}

三、从左往右渐变

 

 


body{

FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000)”;}
本文讲述的就是如何实现CSS网页背景渐变的内容，小编上面介绍的滤镜，都是在非IE下是没效果的。