.circle { width: 50px; height: 50px; border: 2px solid black; border-radius: 50%; }
首先,大家创建一个正方形的盒子,并将它的宽高设置为50像素,border属性设置为2像素的实心黑边框。
然后,大家使用border-radius属性将这个正方形的边缘弯曲成一个圆形。其中,border-radius: 50%;表示将边框的弯曲程度设置为盒子宽度和高度的50%。
最后,大家将这个正方形的边框颜色设置为黑色,这样即可完成一个有描边的圆形。