CSS高斯模糊是一種在網頁中實現模糊效果的技術。這種效果常常被用來給頁面增加一種柔和、充滿氛圍的感覺。

CSS高斯模糊的核心代碼非常簡單。我們可以使用CSS3提供的filter屬性實現模糊效果。

.blur {
/* 設置模糊半徑為10像素 */
-webkit-filter: blur(10px);
filter: blur(10px);
/* 防止模糊效果溢出邊界 */
overflow: hidden;
/* 給模糊效果添加透明度 */
opacity: 0.8;
}

通過將filter屬性設置為blur()并傳入一個像素值，我們就可以實現高斯模糊效果。同時，我們還可以使用opacity屬性來調整模糊效果的透明度。

不過，要注意的是使用CSS高斯模糊時可能會出現白邊的情況。這是因為模糊效果會將原圖的顏色向外擴散，而擴散出去的顏色會與周圍的背景顏色混合，形成白邊。

為了解決這個問題，我們可以使用background-color屬性來指定背景顏色。

.blur {
/* 設置模糊半徑為10像素 */
filter: blur(10px);
/* 背景顏色設置為白色 */
background-color: white;
/* 防止模糊效果溢出邊界 */
overflow: hidden;
}

通過指定背景顏色為白色，我們就可以有效解決模糊效果出現白邊的問題了。