CSS水印是一種很實用的技能，可以將頁面美化的更為炫酷，更加的優美。所以，CSS水印到底可以在哪里呢？我們來一一探討下。

首先，CSS水印可以放在頁面的背景上。在頁面內任何一部分顯示都沒有問題，而且會和背景圖片形成很好的融合效果。下面是一段背景水印的代碼：

body { 
background-image:url('watermark.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

上面的代碼片段中，我們通過background-image引入對應的水印圖片，然后通過background-repeat屬性控制不進行圖像平鋪。background-attachment屬性指定了背景圖片不會隨著滾動而滾動，background-position屬性指定了圖片居中。

另外，在一個文本塊中顯示CSS水印也是非常簡單的。可以給相應的文本塊配上一個透明的背景色和類似于半透明圖形的背景圖，并設置一些透明度層效果，如下所示：

.watermark-text {
color: #B8B8B8;
font-family: "微軟雅黑",Arial,sans-serif;
font-size: 16px;
position: relative;
}
.watermark-text::before {
content: "";
background-image: url('watermark.png');
opacity: 0.5;
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
z-index: -1;
}

上面的代碼中，我們在類名水印文字的::before偽類中設置一張背景圖片為CSS水印，即background-image屬性，然后通過opacity屬性控制透明度，同時進行相應的尺寸和位置調整。

總之，CSS水印可以出現在任何地方，無論是頁面背景，還是文本塊，只要把握好相應的CSS屬性，就能夠有效的美化頁面，同時也讓頁面呈現更好的表現效果。