在網頁設計中，添加圖片是非常常見的，但是有時候會需要為圖片添加刪除功能，以方便用戶對頁面元素進行操作。HTML提供了一些屬性和方法，可以輕松實現圖片刪除按鈕的設計。

<img src="image.jpg" alt="圖片">
<button onclick="deleteImage()">刪除圖片</button>
<script>
function deleteImage() {
var img = document.getElementsByTagName("img")[0];
img.parentNode.removeChild(img);
}
</script>

上面的代碼中，使用了img標簽來顯示要刪除的圖片，alt屬性為圖片添加了描述信息，方便視障人士閱讀。按鈕使用了button標簽，設置了點擊事件onclick，點擊按鈕時會執行deleteImage()函數。

在JavaScript代碼中，首先通過document.getElementsByTagName("img")[0]獲取頁面上的第一張圖片元素，然后使用parentNode.removeChild方法將其從DOM樹中刪除。這樣就實現了圖片刪除按鈕的功能。