在網(wǎng)頁(yè)制作中，經(jīng)常會(huì)遇到需要將一個(gè)背景圖片或者背景顏色全屏幕顯示的情況，這時(shí)候我們可以使用CSS中的background-size屬性來(lái)實(shí)現(xiàn)。同時(shí)，為了保護(hù)網(wǎng)頁(yè)內(nèi)容的版權(quán)，我們可以在背景上添加水印，下面就來(lái)介紹一下如何實(shí)現(xiàn)這個(gè)功能。

首先，在HTML文檔的標(biāo)簽中添加以下代碼，設(shè)置body元素的高度為100%：

...

然后，在CSS樣式表中添加以下代碼，設(shè)置背景圖片或顏色全屏幕顯示：

body {
background-image: url('bg.jpg'); /* 背景圖片的路徑 */
background-color: #f0f0f0; /* 背景顏色 */
background-repeat: no-repeat; /* 不重復(fù) */
background-position: center center; /* 居中顯示 */
background-size: cover; /* 全屏幕顯示 */
}

最后，在背景上添加水印：

body::before { /* 使用偽類:before添加水印 */
content: "? 2021 My Website"; /* 水印內(nèi)容 */
position: fixed; /* 固定定位，不隨頁(yè)面滾動(dòng)而移動(dòng) */
bottom: 20px; /* 距離底部20像素 */
right: 20px; /* 距離右側(cè)20像素 */
color: rgba(255, 255, 255, 0.5); /* 水印顏色 */
font-size: 20px; /* 水印字號(hào) */
font-family: Arial, sans-serif; /* 字體 */
text-align: center; /* 水平居中 */
text-shadow: 1px 1px 1px #222; /* 文字陰影 */
z-index: -1; /* 將水印放置到最底層，不遮擋頁(yè)面內(nèi)容 */
}

以上就是全屏幕加水印的實(shí)現(xiàn)方法，通過(guò)簡(jiǎn)單的HTML和CSS代碼，可以為網(wǎng)頁(yè)添加一些特效和保護(hù)，提升網(wǎng)頁(yè)的質(zhì)量和用戶體驗(yàn)。