css对头像进行圆形处理 |js css 弹出菜单

/*首先需要有一个头像*/
.avatar {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}
/*这里的width和height需要根据实际头像大小进行调整*/
/*border-radius: 50% 可以将任何正方形元素变为圆形，具体可以根据需要调整百分比*/
/*overflow:hidden可以去除圆形造成的溢出情况*/

这样就可以将一个头像变成圆形了。如果需要添加其他样式，比如阴影，也可以在头像的基础上进行添加。同时，也可以将不同的大小头像按照同一个样式进行处理，实现风格的统一。