CSS中的背景圖片百分百，通常稱為全屏背景圖片，是一種在整個頁面背景上布置的圖片。在不同的網(wǎng)頁設計和開發(fā)項目中，它可以為網(wǎng)頁添加美感和吸引力，同時也可以幫助網(wǎng)頁提高視覺效果和用戶體驗。

要在網(wǎng)頁中添加背景圖片，需要在CSS中使用“background-image”屬性。但是，如何使背景圖片占據(jù)整個頁面大小而不重復呢？以下是一些代碼片段，通過在CSS中使用pre標簽展示：

body {
/* 定義背景圖片 */
background-image: url("background.png");
/* 將背景圖居中，并將其重復設置為不重復 */
background-position: center;
background-repeat: no-repeat;
/* 將背景圖漸變?yōu)榧t色 */
background: linear-gradient(to bottom, rgba(255,0,0,0.7), rgba(255,0,0,0.7)), url("background.png");
/* 將背景圖大小調整為覆蓋整個屏幕 */
background-size: cover;
height: 100%;
}
/* 如果您的網(wǎng)站具有滾動功能，您需要在html和body標簽上設置高度和寬度為100% ：*/
html {
height: 100%;
}
body {
height: 100%;
width: 100%;
}

以上的代碼片段可以將一張名為“background.png”的圖片設置為整個網(wǎng)頁的背景圖片，而不是被重復顯示。通過將“background-position”屬性設置為“center”，可以使背景圖片居中。使用“background-repeat”屬性可以使圖片不重復。還可以使用“background-size”屬性可以將圖片大小調整為覆蓋整個頁面。

如果您的網(wǎng)頁具有滾動功能，您還需要在HTML和body標記中設置高度和寬度為100%。

總結：使用這些技術，可以在網(wǎng)頁中添加全屏背景圖片，同時保持美觀和性能。