在網頁設計中，往往需要在背景上添加水印，以達到一定的美觀和保護版權的目的。而通過CSS實現水印效果可以獲得更好的用戶體驗和網頁性能，具有廣泛的應用場景。

.watermark {
position: absolute; /* 水印使用絕對定位 */
z-index: -1; /* 將水印的z-index設為-1，放置在內容下方 */
width: 100%; /* 讓水印寬度自適應 */
height: 100%; /* 讓水印高度自適應 */
pointer-events: none; /* 讓水印不攔截用戶事件 */
background-image: url('watermark.png'); /* 指定水印圖片 */
background-position: 0 0; /* 將背景圖片位置置為左上角 */
background-repeat: repeat; /* 重復平鋪水印圖片 */
opacity: 0.3; /* 調整透明度，減弱干擾 */
}

在上述代碼中，創建一個類名為"watermark"的樣式，使用絕對定位讓水印覆蓋在內容上方，將z-index設為-1則可以讓水印位于內容背后。指定水印圖片后使用background-position將背景圖片位置置為左上角，這樣可以避免在滾動頁面時出現變形。使用background-repeat屬性指定平鋪模式，這里使用了repeat模式，它會在水平方向和垂直方向上平鋪水印圖片。最后使用opacity調整透明度，以減弱水印的干擾。

通過CSS實現水印的好處在于它可以自適應瀏覽器窗口大小和內容的變化，同時不會占用過多的資源和頁面加載速度。如果需要自定義水印樣式，可以通過修改background-image、opacity和在圖片上疊加其他元素等方式實現。