想要實現在網頁背景中放置一張圖片占滿整個屏幕的效果嗎？使用 CSS 就是一種非常簡單易用的方法。本文將介紹如何使用 CSS 來設置背景圖片占滿整個屏幕，同時不重復顯示。

body {
background-image: url('image.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

上述代碼使用了三個關鍵字來控制背景圖片的顯示：background-image、background-size 和 background-repeat。

• background-image: 設置背景圖片的 URL。
• background-size: 這一屬性被用來將背景圖片的大小縮放到適合整個屏幕。具體而言，cover 選項會將圖片放大或縮小到完整地覆蓋整個屏幕，而同時保持水平和垂直方向的整個圖片完全可見。
• background-repeat: 如果背景圖片原尺寸過小，則有可能會重復出現，導致不美觀。使用 no-repeat 選項，可以避免這種情況。
• background-position: 該屬性用來設置背景圖片的位置。在這里，選項 center center 表示將背景圖片的中心點居中在整個屏幕中間。

使用上述 CSS 代碼，你可以在你的網頁中輕松地將任何你喜歡的圖片占滿整個屏幕，并確保不會出現令人不愉快的重復效果。