CSS 是層疊樣式表的縮寫，是一種用來描述網頁文檔樣式的語言。它可以控制文本、圖片以及其他元素的大小、顏色、字體、布局等。我們可以通過 CSS 來設置網頁背景圖片的灰度。

首先，我們需要在 HTML 文檔中插入一張背景圖片。HTML 代碼如下：

<div class="container">
<!-- 內容 -->
</div>

接著，在 CSS 樣式表中設置該 DIV 元素的背景圖片，并創建一個名為"grayscale"的新類，用于設置灰度效果。

.container {
background-image: url("background.jpg");
background-size: cover;
}
.grayscale {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}

在以上代碼中，"background.jpg" 是待設置為背景圖片的圖片的文件名，而 "background-size: cover;" 則是用來保證圖片能夠充滿整個頁面。"grayscale" 類用來設置灰度效果，通過設置 "filter: grayscale(100%);" 以及 "-webkit-filter:grayscale(100%);" 即可實現灰度化的效果。

最后，我們需要使用 JavaScript 來切換灰度效果。JavaScript 代碼如下：

var container = document.querySelector('.container');
container.classList.toggle('grayscale');

以上代碼中，我們通過 document.querySelector() 方法來選擇第一個類名為 "container" 的元素，并使用 .classList.toggle() 方法來添加或刪除 "grayscale" 類。這樣，當用戶單擊按鈕時，頁面背景圖片就能切換成灰度或彩色的效果。

綜上所述，使用 CSS 來設置網頁背景圖片的灰度并不難，只需要幾行代碼就可以實現。如果你想為你的網站增加一些特殊的視覺效果，這個技巧就非常有用。