如何使html页面变灰色

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

<style>

    html, body {

        background: #ccc

        height: 100%

    }

</style>

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

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

<script language=JavaScriptdocument.body.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(GrayScale=1)"</script方法二：把网页变成灰色显示的最简单的代码是在head之间加入如下代码：<style type="text/css"html {FILTER: gray}</style方法三：把网页变成灰色显示的另外一种方法是在head之间加入如下代码：<style type="text/css"<!--BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}--</style方法四：如果你的网站已经有CSS文件，那么只需要加入如下代码即可：html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}方法五：我比较推荐这种做法，在CSS文件中加入如下代码即可：html{filter:gray()}html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}方法六：如果网站的CSS中已有BODY{}，那么直接加入如下代码即可：filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)比如：BODY {font-size: 12pxmargin: 0pxcoclor: #000background: #ffffilter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}在运用以上方法进行网页更改的时候，可能会遇到以下的问题，具体的解决方法仅供参考：

---