CSS是我們前端開發中非常重要的一部分，它能夠讓我們對網頁進行更加精細的控制和布局，其中一種經常會用到的功能就是全屏圖片的展示。那么，我們該如何用CSS來實現呢？

/* 首先，我們需要給HTML文件添加一個容器，并設置其寬高為100% */
.container {
width: 100%;
height: 100%;
}
/* 接著，將其背景圖片設置為我們想要的圖片，這里以網頁背景圖為例 */
.container {
background-image: url('bg.jpg');
}
/* 為了使圖片不失真，我們需要設置一些背景屬性 */
.container {
/* 設置圖片的尺寸為cover，可以完全填充整個容器 */
background-size: cover;
/* 將圖片居中顯示 */
background-position: center center;
/* 將圖片不重復 */
background-repeat: no-repeat;
/* 設置背景圖片鋪滿整個容器 */
background-attachment: fixed;
}

通過以上代碼，我們就可以實現一個全屏圖片的展示效果了。當然，如果你希望給圖片設置其他的樣式，比如透明度、濾鏡等等，都可以通過CSS來實現。希望這篇文章能夠對你有所幫助！