网站变为黑白的CSS代码——哀悼四川大地震中遇难同胞

为表达全国各族人民对四川汶川大地震遇难同胞的深切哀悼,国务院决定,<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />200851921日为全国哀悼日。在此期间,全国和各驻外机构下半旗志 哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。5191428分起,全国人民默哀3分钟,届时汽车、火车、舰船鸣笛,防空警报鸣响。
 
各大网站为了表达哀思,纷纷将首页变为黑白色。朋友们询问如何快速达到这种效果,现将我了解到的几种方法与大家共享:
<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 

最简洁的把页面变成灰色的代码是在head 之间加
<style type="text/css">
html {
    FILTER: gray
}
</style>

 

 

以下为全站CSS代码。:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。

 

如果网站没有使用CSS,可以在网页/模板的HTML代码<head></head> 之间插入:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

 
有一些网站可能使用这个 CSS 不能生效,是因为网站没有使用最新的网页标准协议
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
请将网页最头部的<html>替换为以上代码。
 

有一些网站 FLASH 动画的颜色不能被 CSS 滤镜控制,可以在 FLASH 代码的 <object > </object> 之间插入:
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
非常感人的想法,我可以帮你写一个简单的HTML和CSS代码来展示悼念汶川地震遇难同胞的网页,如下所示: ```HTML <!DOCTYPE html> <html> <head> <title>悼念汶川地震遇难同胞</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; font-size: 30px; font-weight: bold; } main { margin: 20px; } h1 { font-size: 24px; font-weight: bold; color: #333; margin: 0 0 10px; } p { font-size: 18px; line-height: 1.5; color: #555; margin: 0 0 20px; } .img-container { margin: 0 auto; max-width: 600px; } img { display: block; margin: 0 auto; max-width: 100%; } .btn-container { text-align: center; } button { background-color: #333; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; } button:hover { background-color: #555; } </style> </head> <body> <header>悼念汶川地震遇难同胞</header> <main> <h1>我们永远怀念那些离我们而去的人们</h1> <p>2008年5月12日,四川汶川发生了7.8级地震,造成了巨大的人员伤亡和财产损失。数以万计的同胞不幸遇难,他们的离去让我们深感痛惜和哀思。</p> <div class="img-container"> <img src="https://i.imgur.com/4WvLsIx.jpg" alt="汶川地震遇难同胞"> </div> <div class="btn-container"> <button>捐赠救灾</button> </div> </main> </body> </html> ``` 这个网页的主要内容包括一个标题 `悼念汶川地震遇难同胞`,一段文字介绍汶川地震的情况,一张图片表达我们对遇难同胞哀悼,以及一个捐赠救灾的按钮。整个页面的颜色采用灰白色系,以表达对逝者的沉痛和悼念。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值