在網頁設計中，圖片水印是一種常用的保護版權和品牌的方式。在CSS中，我們可以利用偽元素（:before和:after）的方式，來實現圖片和文字的組合，完成水印的效果。 下面是一個簡單的示例，我們以一張名為watermark.png的水印圖片為例，加上“Copyright”的文字水印： `````` 我們首先定義一個`.watermark`的類，給它設置`position: relative`，以便于讓偽元素絕對定位。其次，我們使用`:before`偽元素來實現水印圖片的效果，給它設置`background-image`為我們的水印圖片，并設置`opacity`為0.5，以便于讓文字水印清晰可見。在絕對定位之后，使用`z-index`設置其`-1`來保證偽元素位于實際元素下方。 接下來，我們繼續使用`:after`偽元素來添加文字水印，設置其絕對定位，放置在底部右側，并且設置了文字的樣式、加粗、顏色、陰影等。 最后，將`.watermark`添加到需要添加水印的元素中，就完成了水印的效果。 總的來說，使用CSS水印技術來添加圖片和文字組合的效果非常簡單，并且可以有效地保護我們的版權和品牌。