CSS的高斯模糊效果可以使圖片或背景圖變得清晰或模糊，達到一些特殊的效果。其中，高斯模糊蒙層也是一種非常實用的應用。

首先，在HTML文檔中需要一個需要添加蒙層的元素，比如一張圖片，可以使用如下的HTML代碼：

<div class="blur">
<img src="xxx.jpg">
</div>

接著，在CSS中定義該`div`元素的樣式，并使用`::before`偽元素添加一個子元素作為蒙層，代碼如下：

.blur{
position:relative;
width:50%;
margin:auto;
}
.blur::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.5);
filter: blur(5px);
z-index: -1;
}

如上所示的代碼中，首先定義了父元素`.blur`的樣式，使其具有相對定位和居中的特性。接下來的樣式定義了`::before`偽元素，使其內容為空，絕對定位，鋪滿整個父元素，并且使用了背景色`rgba(0,0,0,.5)`實現半透明效果。最后，利用`filter`屬性對`::before`偽元素進行高斯模糊操作。需要注意的是，`z-index`屬性的值需要設置為負數，這樣可以保證該子元素在父元素之后，才能實現蒙層的效果。

至此，就可以使用CSS的高斯模糊蒙層功能，打造出一個清晰或模糊的背景圖或圖片，讓網頁呈現出更加炫酷的視覺效果。