---

前言

前端vue页面将一个普通按钮样式设为一边圆形 一边没有变化
以下是本篇文章正文内容，下面案例可供参考：

一、使用步骤

1.创建一个按钮，并设置类为g

代码如下（示例）：

<button class="g">新人红包</button>

2.css样式

代码如下（示例）：

.g{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}

---

总结

通过设置按钮右边上部分为圆形以及下部分为圆形 ，达到右边全部为圆形的效果