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. }   

 

本站所有文章均为小宇博客原创,转载请注明来源及出处!

作者:宇天行

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

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

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

您对本文《CSS实现网页背景渐变效果》有哪些看法?  ---  【期待您的评论】

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

必填

选填

选填

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

网页设计2012-04-10 13:30:08回复评论
这么好的文章一定要顶

站内文章搜索

转播分享好友

网盟广告赞助