css黑白样式,在css中白色怎么表示

怎样将网页改成黑白显示的

只要网站支持CSS的话，很简单。在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }（不换行）

加上代码之后，再次刷新网页就会发现页面已经变成黑白的了。还在等什么，赶快给自己的网站加上一行代码，变成黑白色，一起来缅怀在地震中去世的人。

css 图片变黑白效果 使用CSS将图片转换成黑白的 兼容方法

直接将其放入页面中的style/style即可，或者外部样式直接在内部引用。

html,body { 

-webkit-filter: grayscale(100%); 

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray; 

}

就是我想知道能不能用CSS样式来定义制定的图片显示样式为黑白无色彩的！

可以，在ie下可以用filter属性，如下：

filter： progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)

不过，FF上无法实现的，因为灰度滤镜属性在其它非ie浏览器中不存在，该特效无法显示。不像透明滤镜在FF里面也有。

所以，只能使用两张图片替换或者一张图片滑动门的方案。

IE10下图片显示为黑白的CSS样式怎么写？

亲，告诉你个简单的方法，在浏览器顶部加句这个，让他使用IE9模式就OK了，不必去为IE10单独做那么多事情。

meta http-equiv="X-UA-Compatible" content="IE=9"

img{

filter:url("data:image/svg+xml;utf8,svg xmlns=\'\'filter     id=\'grayscale\'feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'//filter/svg#grayscale"); /*     Firefox 10+, Firefox on Android */

filter:gray; /* IE6-9 */

-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);}

上面是所有浏览器包括安卓的图片边灰的样式

请问如何用CSS让网站变成黑白？FLASH也可以吗？

据我所知CSS可以让网页的字体、背景等设为黑白，但貌似不能使网页中的彩色图片变黑白，Flash如果里面没有特殊的脚本也不能在外面用CSS调成黑白，只能改背景色

用css制作下面这种每行黑白相间的表格

td{

background-color:#000;

}

td:nth-child(2n){

background-color:#fff;

}

tr:nth-child(2n) td{

background-color:#fff;

}

tr:nth-child(2n) td:nth-child(2n){

background-color:#000;

}