在網站中加入水印是保護圖片版權的常用方法之一，這里介紹一種用css來添加水印的方法。 首先在html中插入一張圖片，并給予一個類名，比如"watermark-img"。然后在css中添加以下代碼：

.watermark-img::before {
content: "";
background-image: url("watermark.png");
opacity: 0.4;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

這段代碼使用偽元素`::before`來生成一個新元素，在其背景中加載一個水印圖片，并設置了不透明度為0.4。然后將其定位到元素的頂部左側，通過`top`、`left`、`bottom`和`right`屬性將其完全覆蓋在元素上。 值得注意的是，這個偽元素必須要有一個`content`屬性，否則并不會產生任何效果。 最后，只需要為需要添加水印的圖片增加這個類名即可，比如：

<img src="image.jpg" class="watermark-img">

這樣加入的圖片就會有一個透明的水印覆蓋在上面，用戶無法通過保存直接獲取原圖，也保護了圖片的版權。