CSS中border-radius属性中50%和100%的区别是什么？

border-radius:50%将边框的圆角设置为了正方形的一半，即将直角变为圆弧，而border-radius:100%会将边框的四个角都变成圆形，将矩形变为完整的圆形。