border-radius单位%和px的区别

%: 长和宽对应的百分比比列 进行圆角设定，举个例子
.box{
     width:300px;
    height:100px;
    border-radius:30%;;//宽：300*0.3 = 90px   高：100*0.3 =30px 
}
<div class="box"></div>
21C4BB5E-057E-4549-93BB-7BE0F651DBCE.png

注意：如上图，当长宽不相等时，圆角也不一样

px: 对应的边角设置多少px就是多少px
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

友情链接更多精彩内容