CSS border-radius: 50% 变成椭圆的原因解析

使用 'border-radius: 50%' 属性可以将一个正方形的元素变成一个圆形的元素。但是如果将一个长方形的元素使用同样的属性，则会变成椭圆形。这是因为 'border-radius: 50%' 是相对于元素宽度和高度的，而不是相对于元素的对角线长度。因此，如果元素的宽度和高度不相等，则 'border-radius: 50%' 会将其变成一个椭圆形。