
真圆
要画出真圆,必须确保元素宽高相等;border-radius:50%表示各方向圆角半径为该方向长度的一半,宽高不等则成椭圆。可靠方法有三:显式设等宽高、用aspect-ratio:1、伪元素+padd...
加了border后圆形头像变椭圆或发虚,是因为box-sizing:content-box使border额外撑开尺寸;应设相等宽高、border-radius:50%、box-sizing:borde...
给父容器添加overflow:hidden可解决border-radius不裁剪内容的问题,因为border-radius仅影响边框和背景,不裁剪子元素;加上overflow:hidden后,超出圆角...