CSS中的遮罩是一種常用的技術，可以用來創建視覺效果，例如模糊背景。在本文中，我們將介紹如何使用CSS創建遮罩。
遮罩可以通過CSS中的background-color和opacity屬性實現。我們可以使用一個帶有透明背景的div標簽，然后通過設置它的opacity屬性來使其更透明。這樣就可以實現遮罩效果了。
.mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
opacity: 0.5;
}在上面的代碼中，我們創建了一個叫做.mask的類，它是一個絕對定位，寬度100%，高度100%的元素。
我們使用了rgba(0,0,0,0.5)作為背景顏色，這里第四個值0.5是opacity控制透明度的值，可以根據需要進行調整。
將遮罩添加到HTML中的方法是，將.mask類添加到需要遮罩的元素上。例如，如果我們想將遮罩層添加到整個頁面上，則可以將其添加到body元素上：
<body class="mask">
...
</body>在上面的代碼中，我們將body元素添加了一個mask類，這樣就會在整個頁面上創建一個遮罩層，因為我們已經在.mask類中定義了寬和高為100%。
總結：CSS中的遮罩是一種常用的技術，用于創建視覺效果。我們可以通過background-color和opacity屬性實現遮罩的效果。只需要創建一個絕對定位，寬度和高度為100%的div標簽，并通過rgba()顏色值來設置顏色和透明度。
上一篇css為背景設置文字
下一篇css主要用途