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属性来设置鼠标样式，让用户在操作时感觉更加顺畅。

至此，我们就完成了圆圈新增 删除按钮的基本样式。在实际使用时，只需根据具体需求进行适当调整即可。希望以上内容能够对大家的网页设计有所帮助！