在CSS中,我們可以使用watermark
屬性來(lái)自動(dòng)添加水印。watermark
屬性接受一個(gè)圖片路徑作為值,該圖片將作為水印添加到頁(yè)面中。
我們可以將以下CSS代碼添加到頁(yè)面的樣式表中:
body { watermark: url('watermark.png'); }
上述代碼將watermark.png
圖片作為水印添加到頁(yè)面中,我們可以根據(jù)需要調(diào)整水印的位置和透明度等屬性。
除了watermark
屬性外,我們還可以使用CSS的偽元素來(lái)添加水印,偽元素可以讓我們?cè)诓桓淖冺?yè)面內(nèi)容的情況下,添加一些裝飾性的內(nèi)容。
我們可以使用以下CSS代碼來(lái)添加一個(gè)半透明的水?。?/p>
body::after { content: url('watermark.png'); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5; }
上述代碼將在頁(yè)面的每個(gè)角落添加半透明的watermark.png
圖片,我們可以根據(jù)需要調(diào)整偽元素的樣式和位置。
CSS提供了多種方法來(lái)自動(dòng)添加水印,我們可以根據(jù)具體需求選擇適合的方法。