8plus 图片border:1px solid red; 边框不是圆形
发布于 6 年前 作者 hsu 17423 次浏览 来自 问答

8plus给图片border-radius:50%;border:1px solid red;

圆形，边框不是圆的，边框会多出一些

1 回复

用伪元素解决了

.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;

}

回到顶部