CSS圖片可以通過一些技巧讓用戶有關閉圖片的功能。下面是一個例子：

.close-icon {
position: absolute;
top: 5px;
right: 5px;
width: 20px;
height: 20px;
background-image: url("path/to/image.png");
background-size: cover;
cursor: pointer;
}
.image-container {
position: relative;
}
.image-container:hover .close-icon {
display: block;
}
.close-icon:hover {
background-image: url("path/to/hover-image.png");
}
.close-icon:active {
background-image: url("path/to/active-image.png");
}
.close-icon:focus {
outline: none;
}
.close-icon::before,
.close-icon::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 14px;
background-color: #fff;
}
.close-icon::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.close-icon::after {
transform: translate(-50%, -50%) rotate(-45deg);
}

以上代碼中，我們使用背景圖片作為關閉按鈕。在圖片容器內添加一個絕對定位的關閉按鈕，并設置它的位置和大小。當鼠標懸停在圖片容器上時，通過 CSS :hover 偽類，將關閉按鈕顯示出來。

同時，我們還通過 :before 和 :after 偽元素來創(chuàng)建一個 X 形狀的圖標。其中，:before 元素將被旋轉 45 度，:after 元素將被旋轉 -45 度。這樣就制作完成了一個簡單的關閉按鈕。

當用戶點擊關閉按鈕時，我們還可以通過 :active 偽類更換按鈕圖片來給用戶一種點擊按鈕的反饋。同樣，我們在代碼中加入了 :focus 樣式，避免用戶通過 tab 鍵也可以聚焦到關閉按鈕上，從而增加了可訪問性。

在實際應用中，我們也可以根據需求自定義關閉按鈕樣式和功能。無論在哪種情況下，獲得的結果都是用戶友好的。