要实现圆角按钮效果，可以使用 CSS 中的 border-radius 属性。该属性用于设置元素的圆角，可以接受一个或多个值来指定不同的圆角半径，例如：
button {
border-radius: 10px;
}这会使按钮的四个角都变为圆角，半径为 10 像素。如果想只设置某个角的圆角半径，可以使用以下语法：
button {
border-top-left-radius: 10px;
border-bottom-right-radius: 20px;
}这会使按钮的左上角和右下角分别变为 10 像素和 20 像素的圆角。
除了 border-radius 属性外，还可以使用 background-color 和 padding 属性来改变按钮的背景色和内边距，进一步美化按钮的样式。例如：
button {
border-radius: 10px;
background-color: #007bff;
color: #fff;
padding: 10px 20px;
font-size: 16px;
}这会使按钮的圆角半径为 10 像素，背景色为蓝色，文本颜色为白色，内边距为 10 像素和 20 像素，字体大小为 16 像素。
需要注意的是，border-radius 属性在不同浏览器中有不同的兼容性处理，可以使用 -webkit-border-radius 和 -moz-border-radius 属性来分别兼容 Safari 和 Firefox 浏览器。