CSS可以實現網站背景模糊的效果，這種效果常常為網站的美觀性加分。背景模糊可以使用CSS3中的“filter”屬性來實現。我們可以使用“blur”函數對要模糊的背景進行聲明。

body {
background-image: url('background.jpg');
filter: blur(5px);
}

上述代碼將指定網站的背景圖像為“background.jpg” ，并對其應用了一個5像素的模糊濾鏡。需要注意的是，為了使背景圖像正常展示并同時模糊，必須為其設置透明度。以下是具體代碼：

body {
background-image: url('background.jpg');
filter: blur(5px);
-webkit-filter: blur(5px);
opacity: 0.5;
}

上述的代碼中，“-webkit-filter”是為了兼容一些老的瀏覽器而設置的。

除了采用“filter”屬性，還可以使用“::before”偽類來模糊背景。以下是代碼示例：

body::before {
content: "";
background-image: url('background.jpg');
filter: blur(5px);
-webkit-filter: blur(5px);
opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
}

上述代碼會創建一個透明的定位在視覺層級底部的層。此層將充當背景圖像，并應用產生“blur”效果的CSS3濾鏡。

需要注意的是，為了達到最佳效果，我們通常會將網站的主體內容放置在一個與背景圖像分離的容器中。這樣就可以避免文本或圖像等元素混合在一起，導致視覺上的不舒適感。