CSS可以幫助我們輕松地創建具有刪除功能的圖像列表。下面是一個簡單的例子：

<ul>
<li><img src="image1.jpg"><span class="close">x</span></li>
<li><img src="image2.jpg"><span class="close">x</span></li>
<li><img src="image3.jpg"><span class="close">x</span></li>
</ul>
<style>
ul {
list-style-type: none;
}
.close {
float: right;
}
.close:hover {
cursor: pointer;
color: red;
}
</style>

在上面的代碼中，我們首先創建了一個無序列表。每個列表項包含一個圖片和一個帶有類名"close"的span標簽，用于刪除該圖像。接下來，我們使用CSS樣式來設置ul元素的list-style-type為none，使其不顯示默認的列表樣式。我們還設置了".close"元素使用浮動布局，使其調整位置并在圖像的右上角顯示。

最后，我們使用CSS偽類:hover為".close"元素定義了一些當鼠標指針停留在上面時的效果，例如更改鼠標指針的形狀，以及將文本顏色更改為紅色。