CSS是前端開發中不可或缺的一部分，有時候我們需要在頁面中顯示一些圖片，當鼠標劃過某個區域時，圖片顯示出來，這時我們可以通過CSS來實現。

.box {
width: 200px;
height: 200px;
background-color: #f0f0f0;
position: relative;
}
.box:hover .img {
display: block;
}
.img {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 200px;
display: none;
}

上述代碼中，我們首先定義了一個盒子（.box）來顯示圖片，通過設置position: relative，使得該盒子的位置可以相對于其他元素進行定位。

接著我們定義了一個.img類來表示要顯示的圖片，通過設置position: absolute，使得該圖片可以相對于.box盒子進行定位，并通過top和left設置圖片的位置。

接著我們通過:hover偽類來實現鼠標劃過盒子時顯示圖片，因為一開始我們通過display: none將圖片隱藏了。

在使用CSS實現鼠標劃過顯示圖片時，我們需要注意一些細節，比如圖片的大小和位置應該與盒子一致，同時圖片應該先隱藏，等到鼠標劃過時再顯示。通過上述代碼我們可以輕松實現這一功能。