vue设置圆角半径

注意，如果你设置了圆角半径还去设置图片的padding和margin会挤压照片使圆角半径变形，会变成矩形。当你想要一个矩形图片能够设置成圆角矩形的时候不需要去修改图片，只需要在style中设置样式即可。只需要在样式里加border-radius：；即可，它一起控制了四个角的圆角半径。这个是单个圆角半径的代码。

西西西洋参

3203人浏览 · 2022-10-13 17:02:36

西西西洋参 · 2022-10-13 17:02:36 发布

当你想要一个矩形图片能够设置成圆角矩形的时候不需要去修改图片，只需要在style中设置样式即可。

代码如下：

只需要在样式里加border-radius：；即可，它一起控制了四个角的圆角半径

border-top-left-radius	为左上角设置弧度值
border-top-right-radius	为右上角设置弧度值
border-bottom-left-radius	为左下角设置弧度值
border-bottom-right-radius	为右下角设置弧度值

这个是单个圆角半径的代码。

！！！！注意，如果你设置了圆角半径还去设置图片的padding和margin会挤压照片使圆角半径变形，会变成矩形。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^