如何使html页面变灰色

html-css013

如何使html页面变灰色,第1张

为html标签设置样式,可以使用如下CSS代码

<style>

    html, body {

        background: #ccc

        height: 100%

    }

</style>

代码表示的是为html标签、body标签均设置背景颜色,背景颜色为浅灰色

需要注意的是,height: 100%是因为在默认情况下,网页高度是由内容撑开的,也就是你内容有多高,html和body就有多高,此时为了防止内容高度低于整个浏览器可视区域的高度,所以添加了这行代码

html

{

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

}

将这段代码放在网页代码最顶端就能将彩色页面变成黑白的了!