CSS中的蒙層可以給頁面添加一種遮擋的效果，讓特定區域的內容在視覺上得到突出。下面是一些實現蒙層效果的代碼和方法，我們可以結合實際需求使用它們。

/* 第一種方法：使用全屏遮罩 */
.mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5); /* 半透明黑色 */
}
/* 第二種方法：使用元素遮罩 */
.mask {
position: relative;
}
.mask:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .5);
z-index: 1;
}
/* 第三種方法：使用背景圖遮罩 */
.mask {
background-image: url(image.png);
background-repeat: no-repeat;
background-size: cover; /*讓背景自適應容器*/
background-position: center;
position: relative;
}

這些方法都可以實現基本的蒙層效果，我們可以通過修改樣式和結合其他屬性，來適應不同的頁面需求。