这里的设置边框圆角的border-radius：50%

同学你好，1、border-radius为元素添加圆角边框，可以对应以百分比定义圆角的形状。

    2、当我们设置border-radius的值为50%时，就会得到一个圆

3、在W3C中有这样的规范，如果圆角的半径都被设置成了大于50%，那浏览器会根据图形的实际情况做一些计算。保证圆角能够刚好适应图形，所以当我们设置border-radius的值为50%以上，比如100%时，浏览器会自动调整圆角，使圆角适应也就出现了这个圆的效果。

    4、border-radius的值从1%到50%就是圆角边框从一个方形变为圆形的过程，同学可以根据具体需求来调整呐。

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！