CSS是一種網頁設計語言,通過它我們可以為HTML網站添加樣式。本文將介紹如何使用CSS將一個網頁的背景變成黑白色的。
首先,在HTML的
標簽中鏈接CSS文件:接著,打開style.css文件,在其中添加以下代碼:
html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: url('data:image/svg+xml;utf8,#grayscale'); -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-font-smoothing: antialiased; }
這段代碼使用了CSS的filter屬性,并在5個不同的瀏覽器中使用了不同的filter實現方式(-webkit、-moz、-ms和-o)。增加不同的CSS filters效果不同,這里的代碼使用了grayscale(100%)這個過濾器,將圖片變成了黑白色。
最后,保存style.css文件,并刷新HTML頁面。現在,頁面的背景應該變成了黑白色了!
上一篇html3天倒計時代碼
下一篇css文件 html代碼