///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> CSS教程

CSS教程 ///pc/img/title_00.gif" width="13" height="20">  

  CSS快速入门
  怎样编写CSS
  CSS属性
  CSS定位
  CSS滤镜
   1.概述
   2.Alpha属性
   3.Blur属性
   4.Chroma属性
   5.Dropshadow属性
   6.Fliph、Fliv属性
   7.Gray属性
   8.Glow属性
   9.Invert属性
  

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

///pc/img/blank.gif" width="1" height="1">

 


五、CSS滤镜

   


  7、Gray属性

  Gray属性把一张图片变成灰度图。它的表达式很简单:

  Filter:Gray

  其实这个属性没什么好讲的,只需在您定义的IMG样式中加入一句代码:

  {Filter:Gray}就一切OK了。
  下面两幅图分别代表未加Gray属性和添加了Gray属性的效果:

///pc/homepage/css/img/css042.jpg" target="_blank">///pc/homepage/css/img/css0421.gif" width="100" height="66" border="0" alt="原图">

这是原图,点击可放大

///pc/homepage/css/img/css043.gif" width="282" height="187" border="0" alt="gray属性效果">

转成gray属性后的效果图

  本节讲述的内容比较简单,下一节将向您介绍Invert转化属性。


上一节 下一节   

 

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页