用网页技术CSS实现网页背景渐变的四种代码设置_CSS教程_CSS_网页制作_

更新时间:2021-09-08 20:02:32      浏览量:449
一、从上往下渐变

复制代码
代码如下:

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);"

举例如:

复制代码
代码如下:





背景渐变






 



网站类容多为转载,如有侵权,请联系站长删除

-六神源码网 出售域名-六神源码网 网站出售-六神源码网 微信公众号抽奖-六神源码网 vr全景制作-六神源码网 网站出售带数据-六神源码网 听歌-六神源码网