CSS3中的刪除按鈕是一種非常實用的元素，可以用來刪除指定的內容，例如刪除一條評論、刪除一個商品等等。下面就讓我們來學習一下如何使用CSS3制作一個鏈接刪除按鈕。

/* 定義刪除按鈕的樣式 */
.delete-link {
display: inline-block;
padding: 4px 8px;
background-color: #ff0000;
color: #ffffff;
text-decoration: none;
border-radius: 4px;
}
/* 鼠標移動到刪除按鈕上時的樣式 */
.delete-link:hover {
background-color: #cc0000;
}
/* 添加刪除圖標 */
.delete-link:before {
content: "\00d7";
font-size: 12px;
font-weight: bold;
margin-right: 8px;
}
/* 點擊刪除按鈕時，隱藏刪除按鈕所在的元素 */
.delete-link:active {
display: none;
}

上述代碼定義了一個名為"delete-link"的樣式，用于創建一個刪除鏈接按鈕。可以看到，這個按鈕是一個內聯元素，具有一些基本的背景色、圓角、字體大小等樣式。同時，通過添加:before偽類，我們還在按鈕左側加入了一個紅色的叉叉圖標，用于提示用戶點擊此按鈕將會刪除某個元素。

在鼠標懸浮在這個按鈕上時，我們將它的背景色修改為深紅色，提高了用戶的可感知度；而在用戶點擊該按鈕時，我們通過設置.active偽類，將這個按鈕隱藏起來。

除此之外，通過CSS3的定位樣式還可以在鼠標在頁面上移動時讓這個按鈕跟隨光標，提高使用體驗，這部分內容留給讀者自行探索。