CSS 是網頁設計中非常重要的一部分，它可以讓我們輕松實現許多網頁效果。其中，圓圈新增 刪除按鈕是非常常用的樣式，它可以讓我們在網頁中方便地進行操作，大大提高用戶體驗。那么，如何實現這種按鈕呢？下面，就讓我們一起來看看吧！

/* 新增按鈕 */
.add-btn {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #4CAF50;
color: white;
font-size: 20px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
/* 刪除按鈕 */
.del-btn {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #f44336;
color: white;
font-size: 20px;
line-height: 30px;
text-align: center;
cursor: pointer;
}

在上面的代碼中，我們分別創建了新增按鈕和刪除按鈕的樣式。其中，使用了border-radius屬性來實現圓角，同時配合background-color來設置背景色，使按鈕看起來更加立體。此外，我們還使用了cursor屬性來設置鼠標樣式，讓用戶在操作時感覺更加順暢。

至此，我們就完成了圓圈新增 刪除按鈕的基本樣式。在實際使用時，只需根據具體需求進行適當調整即可。希望以上內容能夠對大家的網頁設計有所幫助！