CSS中可以使用mask屬性來(lái)添加蒙版，從而實(shí)現(xiàn)給圖片添加蒙版的效果。

需要?jiǎng)?chuàng)建一個(gè)與圖片大小相同的蒙版元素，可以使用CSS的偽元素來(lái)實(shí)現(xiàn)，將蒙版元素覆蓋在圖片上，并設(shè)置其背景顏色為黑色或其他需要的顏色。

使用mask屬性來(lái)定義蒙版的形狀，mask屬性接受一個(gè)CSS路徑作為參數(shù)，該路徑描述了蒙版的形狀，可以使用簡(jiǎn)單的幾何形狀，如圓形、橢圓形或矩形，或者使用復(fù)雜的圖像作為蒙版。

以下代碼將給圖片添加一個(gè)簡(jiǎn)單的圓形蒙版：

img {
  position: relative;
}
img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  mask: circle(50%);
}

在上面的代碼中，img::before偽元素創(chuàng)建了一個(gè)與圖片大小相同的蒙版元素，并將其背景顏色設(shè)置為黑色，使用mask屬性定義了一個(gè)圓形蒙版，該蒙版的半徑為50%。

可以根據(jù)需要調(diào)整蒙版的形狀和大小，也可以將蒙版應(yīng)用于其他元素，如文字或容器等，以實(shí)現(xiàn)更豐富的效果。