el-checkbox-button圆角边框

el-checkbox-button是Element UI中的一个组件，用于展示多个选项的按钮形式的复选框。关于el-checkbox-button的圆角边框介绍如下：

el-checkbox-button组件默认情况下是带有圆角边框的，可以通过设置不同的属性来调整圆角边框的样式。

1. 圆角边框颜色：可以通过设置checkbox-group的border-color属性来改变圆角边框的颜色。例如：

<el-checkbox-group border-color="#ff0000">
  <el-checkbox-button label="选项1"></el-checkbox-button>
  <el-checkbox-button label="选项2"></el-checkbox-button>
</el-checkbox-group>

上述代码中，设置了checkbox-group的border-color属性为"#ff0000"，即将圆角边框的颜色设置为红色。

2. 圆角边框大小：可以通过设置checkbox-group的border-radius属性来改变圆角边框的大小。例如：

<el-checkbox-group border-radius="10px">
  <el-checkbox-button label="选项1"></el-checkbox-button>
  <el-checkbox-button label="选项2"></el-checkbox-button>
</el-checkbox-group>

上述代码中，设置了checkbox-group的border-radius属性为"10px"，即将圆角边框的大小设置为10像素。

3. 圆角边框样式：可以通过设置checkbox-group的border-style属性来改变圆角边框的样式。例如：

<el-checkbox-group border-style="dashed">
  <el-checkbox-button label="选项1"></el-checkbox-button>
  <el-checkbox-button label="选项2"></el-checkbox-button>
</el-checkbox-group>

上述代码中，设置了checkbox-group的border-style属性为"dashed"，即将圆角边框的样式设置为虚线。