CSS是網頁設計中不可或缺的一部分，可以讓網頁更加美觀、易讀以及讓用戶得到更好的體驗。遮罩層是一種常用的技術，可以幫助我們在網頁上添加一些美觀的效果。

其中，設置黑色遮罩層是一種非常流行的方法，可以讓網頁有更好的閱讀體驗。以下是如何使用CSS設置黑色遮罩層。

/* 首先，我們需要使用CSS來給遮罩層添加樣式 */
.overlay {
position: fixed; /* 絕對定位，遮蓋整個頁面 */
top: 0;
left: 0;
width: 100%; /* 寬度占滿整個頁面 */
height: 100%; /* 高度占滿整個頁面 */
background-color: rgba(0,0,0,0.5); /* 使用深黑色半透明顏色作為背景 */
}
/* 接下來，在HTML中添加遮罩層 */
<div class="overlay"></div>/* 最后，通過JavaScript來控制遮罩層的出現和消失 */
document.querySelector('.overlay').style.display = 'block'; /* 顯示遮罩層 */
document.querySelector('.overlay').style.display = 'none'; /* 隱藏遮罩層 */

最終，我們通過CSS和JavaScript可以輕松地添加黑色遮罩層，讓網頁看起來更加漂亮、易讀和專業。