html中圆头像设置

在 HTML 中，我们可以使用 CSS 的 border-radius 属性来设置圆头像。

img {
  border-radius: 50%;
}

以上代码将图片的四个角都设置为半径为图片边长一半的圆弧，从而实现了圆形头像的效果。

如果是使用 CSS 来创建头像，可以使用 background-image 和 border-radius 来实现。

.avatar {
  background-image: url('头像链接');
  background-size: cover;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

以上代码将 .avatar 元素的背景图片设置为头像链接，同时进行了宽高和圆角的设置，从而创建了一个圆形头像。

使用 border-radius 来设置圆头像，是一种简单、实用的方法，可以使头像看起来更加美观和舒适。