北京沣登科技发展公司

html背景设为灰色,html背景颜色灰色

大家好,今天小编关注到一个比较意思的话题,就是关于html背景设为灰色问题,于是小编就整理了2个相关介绍html背景设为灰色的解答,让我们一起看看吧。

  1. 如何使html页面变灰色?
  2. css中灰色滤镜怎么调出来?

如何使html页面变灰色?

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

<style>
html, body {
background: #ccc;
height: 100%;
}
</style>

html背景设为灰色,html背景颜色灰色div>
图片来源网络,侵删)

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

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

CSS中灰色滤镜怎么调出来?

filter: grayscale(100%);

html背景设为灰色,html背景颜色灰色
(图片来源网络,侵删)

图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0;提高兼容性使用浏览器私有属性设置filter。

浏览私有属性

-ms    &nbsp;     //-ms代表ie内核识别码;

html背景设为灰色,html背景颜色灰色
(图片来源网络,侵删)

-moz        //-moz代表火狐内核识别码;

-webkit      //-webkit代表苹果的Safari浏览器及谷歌内核识别码;

-o                     //-o代表opera内核识别码;

到此,以上就是小编对于html背景设为灰色的问题就介绍到这了,希望介绍关于html背景设为灰色的2点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/72318.html

分享:
扫描分享到社交APP