小編給大家分享一下如何修改CSS樣式實(shí)現(xiàn)網(wǎng)頁灰色，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

我們提供的服務(wù)有：做網(wǎng)站、成都做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、隴縣ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的隴縣網(wǎng)站制作公司

第一、網(wǎng)頁黑白代碼樣式A第一種：修改CSS文件

我們可以在網(wǎng)頁的CSS文件中添加以下的CSS代碼，來實(shí)現(xiàn)網(wǎng)頁黑白色，也就是網(wǎng)站變灰

CSS代碼
 

網(wǎng)頁黑白代碼樣式A

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

也推薦這種代碼網(wǎng)頁黑白代碼樣式B

這里我們可以將代碼添加到HEAD模板中，要實(shí)現(xiàn)全站才可以。

第二種：在網(wǎng)頁的標(biāo)簽內(nèi)加入以下代碼

如果你不想改動(dòng)CSS文件，你可以通過在網(wǎng)頁頭部中的標(biāo)簽內(nèi)部加入內(nèi)聯(lián)CSS代碼的形式實(shí)現(xiàn)網(wǎng)站網(wǎng)頁變灰

代碼
 

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

第三種：修改標(biāo)簽加入內(nèi)聯(lián)樣式

如里上面的兩種方式都不喜歡，可以通過修改標(biāo)簽，以加入內(nèi)聯(lián)樣式的方法，達(dá)到網(wǎng)頁變灰的效果

代碼

第四種：作者本人用的CSS代碼

代碼：

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter:gray; /*ie9- */
}

這里，我們根據(jù)實(shí)際的需要選擇添加到代碼中。

看完了這篇文章，相信你對(duì)“如何修改CSS樣式實(shí)現(xiàn)網(wǎng)頁灰色”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！