让页面以黑白页面显示

  今天得知金庸老爷子去世的消息。百度回看金庸先生的一生,看到了百度会为每个逝世的人以黑白页面显示。表达对死者的尊敬。所以就查了一下页面黑白显示的方法。下面直接附上代码,粘贴到编辑器即可用!

 1 <!DOCTYPE html>
 2 <html>
 3 
 4     <head>
 5         <meta charset="UTF-8">
 6         <title></title>
 7         <style type="text/css">
 8             html {
 9                 -webkit-filter: grayscale(100%);
10                 -moz-filter: grayscale(100%);
11                 -ms-filter: grayscale(100%);
12                 -o-filter: grayscale(100%);
13                 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
14                 _filter: none;
15             }
16             img{
17                 margin: 0 auto;
18                 display: block;
19             }
20             h1{
21                 text-align: center;
22             }
23         </style>
24     </head>
25 
26     <body>
27         <img src="https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=88b73cfdc011728b24208470a995a8ab/d833c895d143ad4b88a4f5ac8f025aafa50f06d7.jpg"/>
28         <h1>金庸老前辈走了,江湖路远,儿女情长,再无弯弓射大雕</h1>
29     </body>
30 
31 </html>
江湖路远,儿女情长,再无弯弓射大雕!
posted @ 2018-10-31 09:55  程先生哈  阅读(641)  评论(1编辑  收藏  举报