今天我們來介紹一下如何使用CSS將圖片實現全屏鋪滿的效果。

首先，我們需要在HTML文件中插入一張圖片：

<img src="image.jpg" alt="這是一張圖片">

接下來，在CSS中給這張圖片設置一些屬性來實現全屏效果：

img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

代碼解釋：

• position: absolute; 將圖片定位到頁面的最上層。
• top: 0; left: 0; 將圖片的位置移動到頁面的左上角。
• width: 100%; height: 100%; 將圖片的寬度和高度設置為100%，以充滿整個屏幕。
• object-fit: cover; 將圖片縮放至完全覆蓋容器，并且保持圖片的原始縱橫比。這個屬性在圖片的寬高比與容器不同時非常有用。

這樣，我們就實現了圖片全屏鋪滿的效果。

當然，如果你希望圖片只占據頁面一部分，并且可以隨著頁面滾動而移動，可以使用background-image屬性，將圖片作為背景圖像使用：

body {
background-image: url("image.jpg");
background-size: cover;
background-position: center;
background-attachment: fixed;
}

代碼解釋：

• background-image: url("image.jpg"); 指定圖片作為背景圖像。
• background-size: cover; 將圖片縮放至完全覆蓋容器，并且保持圖片的原始縱橫比。
• background-position: center; 將圖片放置在容器的中心。
• background-attachment: fixed; 將背景圖像固定在屏幕上，不隨頁面滾動而移動。

以上就是兩種實現圖片全屏鋪滿的方法，大家可以根據具體的需求選擇不同的方案。