多语言展示
当前在线:1851今日阅读:100今日分享:18

小程序怎么做圆角头像

我们开发微信小程序的时候,有时候需要把头像做成圆角的。该怎么做呢?下面小编给大家分享一下。
方法/步骤
1

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

2

然后将图片拷贝进去,如下图所示

3

接着在wxml中显示图片,如下图所示

4

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

5

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

6

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

7

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

推荐信息