在網頁設計中，有時需要在網頁中添加遮罩層來呈現一些特殊的效果，例如全屏的彈出窗口、提示信息的展現等等。本文將介紹如何使用CSS來遮罩整個頁面。

html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.overlay {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}

如上所示，該代碼使用了position:fixed屬性來使遮罩層位于整個頁面的最上層，同時使用了z-index屬性以確保遮罩層的優先級最高。接著通過top、left、width、height屬性設置了遮罩層的位置和大小，并使用rgba()函數來設置遮罩層的透明度。

在代碼中，我們可以通過添加一個類來為網頁添加遮罩層效果。

<div class="overlay"></div>

如上所示，我們只需要在HTML文檔中添加一個<div>元素，并填充“overlay”類名即可顯示遮罩層效果。

綜上所述，通過簡單的CSS代碼和一個div元素，我們可以實現整個網頁的遮罩層效果，為網頁的展現和用戶體驗增添了一份美好。