css背景渐变的实例代码

发布时间:2020-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);
}

四、从上往下渐变
 

复制代码 代码示例:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"