HTML 圖片關閉按鈕代碼可以幫助網頁設計者方便地在圖片上添加關閉按鈕,讓用戶可以輕松關閉圖片。
<div class="picture"> <img src="picture.jpg" alt="圖片"> <span class="close" onclick="this.parentElement.style.display='none'">×</span> </div>
以上代碼使用了一個包含圖片和關閉按鈕的 DIV 容器,并使用 CSS 定義了這個容器的樣式。關閉按鈕使用了一個 SPAN 元素,并設置了 onclick 事件以隱藏當前圖片容器。
如果需要為網頁添加更多圖片關閉按鈕,可以根據需求復制以上代碼并修改圖片源路徑,以及容器類名。這樣就可以輕松地在網頁中添加多個圖片關閉按鈕。
上一篇html怎么設置手機號