小程序怎么做圆角头像

1、首先准备一个小程序的目录结构，如下图所示

2、然后将图片拷贝进去，如下图所示

3、接着在wxml中显示图片，如下图所示

4、我们可以看到左侧的显示是正方形的，如下图所示

5、然后我们进入一个border-radius属性，值为50%

6、这个时候圆角就出来了，如下图所示，因为我的是长方形的图片所以是椭圆

7、综上所述，小程序中制作圆角头像就用border-radius，你学会了码