CSS实现网页背景渐变效果

时间:2011-06-18 23:20:44

用CSS实现网页背景渐变的四种代码：

1，  上往下渐变

CSS Code

  1. style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"    

2，上往下渐变

CSS Code

  1. body{   

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

  3. }  

 

3，左上至右下渐变

CSS Code

  1. body{   

  2. FILTER: Alpha( style=1,opacity=25,finishOpacity=100,   

  3. startX=50,finishX= 100,startY=50,finishY=100);    

  4. background-color: skyblue;   

  5. }  

 

4，从左往右渐变

CSS Code

  1. body{   

  2. FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#FF0000);   

  3. }   

 

本站所有文章均为天行博客原创，转载请注明来源及出处！

作者：宇天行 （关于我）

本文首发地址：https://www.huceo.com/post/232.html

分享到： 复制网址 腾讯微博 新浪微博 微信 QQ空间

或许您还会喜欢这些文章：

Tags: 作者:宇天行 | 分类:开发技术 | 评论:34 | 浏览:5256

您正在以游客身份发表评论：

必填

选填

选填

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。