css将一张图片添加灰蒙的效果

html-css018

css将一张图片添加灰蒙的效果,第1张

这个是需要应用css的滤镜来实现的，但是只有IE浏览器支持。

代码实例如下：

<html>    

<head>    

<title>Gray灰度</title>    

<style>    

<!--    

body{    

margin:12px    

}    

.gray{    

filter:gray /* 黑白图片 */    

}    

-->    

</style>    

  </head>    

<body>    

<img src="building5.jpg">&nbsp    

<img src="building5.jpg" class="gray">    

</body>    

</html>

有四种方式，行内样式，内嵌式，链接和导入式

行内呢是在标签里直接写，比如

内嵌是写在之间，例如：

链接和导入没有什么太大的区别，需要简历外部css文件，在gw中按ctrl+n有那选项

之后在页面之间加入css文件所在路径调用，如下，