如何实现CSS网页背景渐变

来源：爱站网时间：2019-06-13编辑：网友分享

为了使网页变得更加美观好可看，我们都会给网页制作一些特效，在制作特效的同时就会有新手开发者们好奇如何实现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下是没效果的。