CSS是網頁中一個重要的樣式表語言，它能幫助我們設計出好看的網頁。讓圖片充滿整個屏幕也是一項常見的需求，下面來介紹如何用CSS實現這一目標。

首先，我們需要明確一點，即圖片的全屏是相對于其最近的容器元素，比如說body或一個div容器。因此，我們需要把圖片放置在一個合適的容器內。

<div class="image-container">
<img src="image.jpg">
</div>

上述代碼中，我們用一個div容器來存放圖片。接下來，我們需要在CSS中設定容器的寬度和高度，以使圖片占滿整個容器。

.image-container {
position: relative;  /* 指定相對定位 */
width: 100%;  /* 寬度占滿整個屏幕 */
height: 100vh;  /* 高度也占滿整個屏幕 */
overflow: hidden;  /* 隱藏超出的部分 */
}
.image-container img {
position: absolute;  /* 絕對定位于容器內 */
top: 0;  /* 頂部對齊 */
left: 0;  /* 左側對齊 */
width: 100%;  /* 寬度占滿容器 */
height: 100%;  /* 高度也占滿容器 */
}

以上CSS代碼中，我們把容器的寬度設為100%、高度設為100vh（viewport height，即視口高度，表示整個屏幕的高度），同時使其相對定位，并隱藏超出容器部分的圖片。圖片本身絕對定位，并通過top和left屬性放置在左上角，然后寬度和高度都設為100%，即占滿整個容器。

通過以上代碼實現，圖片便可以充滿整個屏幕，讓視覺效果更加出色。