代码编辑器：
x
1
2
<meta charset="utf-8">3
<link href="/static/next/css/tryit.css?v=2017082407" rel="stylesheet"/> 4
<style>5
img {6
filter: grayscale(50%); /* Chrome, Safari, Opera */7
filter: grayscale(50%);8
}9
</style>10
11
<p>将图像转换为灰度图像:</p>12
13
<img src="/static/i/css/pineapple.jpg" alt="Pineapple" width="300" height="300">14
15
<p><strong>注意：</strong> Internet Explorer 不支持 filter 属性。</p>16
17
<footer>简单教程，简单编程<br/>Copyright © 简单教程 www.twle.cn</footer>18