小程序图片给圆形，边框并无呈圆形

一、用伪元素给边框

.usee{
width:120rpx;
height:120rpx;
border-radius: 50%;
box-sizing: border-box;
position: relative;
z-index: -1;
}


.usee::before{
content: '';
display: block;
width:120rpx;
height: 120rpx;
border:1px solid red;
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
z-index: 100;
}

二、圆角度数给100%

style='border-radius:100%;border:1px solid red;width:120rpx;height:120rpx'

三、用背景色实现

.div {
      position: relative;
      width: 100rpx;
      height: 100rpx;
      padding: 4rpx;
      border-radius: 50%;
      background-color: red;
}
.img {
      float: left;
      width: 100%;
      height: 100%;
      border-radius: 50%;
}