刪除和編輯圖標的示例

這是一個展示如何使用HTML和CSS刪除和編輯圖標的示例：

首先，我們需要一個包含刪除和編輯圖標的div元素：

<div class="icons">
<i class="delete-icon"></i>
<i class="edit-icon"></i>
</div>

然后，在CSS中，我們可以使用以下代碼來刪除和編輯圖標：

.icons {
position: relative;
}
.delete-icon:before {
content: "×";
position: absolute;
top: 0;
right: 0;
font-size: 20px;
color: red;
cursor: pointer;
}
.edit-icon:before {
content: "?";
position: absolute;
top: 0;
left: 0;
font-size: 20px;
color: blue;
cursor: pointer;
}

代碼中的代碼是使用:before偽元素添加的樣式，使用content屬性來添加具體的內容。

使用這些代碼，我們可以在網站上方便地添加刪除和編輯功能，在用戶體驗中更加友好和實用。