900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 修改CSS样式实现网页变灰色/黑白代码的几个方法整理

修改CSS样式实现网页变灰色/黑白代码的几个方法整理

时间:2023-03-24 21:39:11

相关推荐

修改CSS样式实现网页变灰色/黑白代码的几个方法整理

今天上午有网友提到希望将网站整体的色调换成灰色、黑色色调,这个记得在以前纪念一些日子的时候会有用到。记得那时候直接是修改CSS就可以实现,既然有用户需要,这里抽点时间再整理一下看看是否有其他更好的方法。

我们可以根据实际的需要选择合适的CSS代码样式添加到自己的网页模板的代码中实现网页灰色、黑白样式。

第一、网页黑白代码样式A

<style>html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;}</style>

这里我们可以将代码添加到HEAD模板中,要实现全站才可以。

第二、网页黑白代码样式B

html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

同样的可以添加到样式中。

第三、网页黑白代码样式C

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);">

这个直接是修改HEAD区域顶部HTML的,这个好像比较简单。

这里,我们根据实际的需要选择添加到代码中。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。