CSS渐变

最新推荐文章于 2025-08-28 00:59:46 发布

转载最新推荐文章于 2025-08-28 00:59:46 发布 · 327 阅读

本文介绍了使用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);"