按钮变成圆角示例：
使用 CSS 圆角样式可以将按钮变成圆角。例如，可以使用 CSS 的 `border-radius` 属性来设置按钮周围的边框为圆角，使用 `text-align` 属性来设置按钮文本的对齐方式，从而在按钮文本周围产生圆角。
例如，下面的代码将创建一个带有圆角的按钮：
“`html
在这个例子中，`border-radius` 属性设置按钮周围的边框为 5 像素的圆角，`text-align` 属性设置按钮文本的对齐方式为居中，从而在按钮文本周围产生圆角。
除了使用 CSS 的 `border-radius` 属性外，还可以使用其他圆角属性，如 `border-radius: 5px;` 和 `border-radius: 10px;`，根据需要调整圆角的大小。
还可以使用 JavaScript 来创建自定义按钮，并使用 CSS 样式对其进行修改。例如，可以使用 JavaScript 的 `document.querySelector()` 方法来获取按钮元素，并使用 CSS 的 `style` 属性对其进行修改。
总之，通过使用 CSS 和 JavaScript，可以轻松地让按钮变成圆角，从而在用户体验上产生更好的效果。