Como criar: imagem de avatar

Aprenda a criar imagens de avatar usando CSS.

Avatar Avatar Avatar Avatar Avatar

Como criar uma imagem de avatar

Primeiro passo - Adicionar HTML:

<img src="avatar.png" alt="Avatar" class="avatar">

Segundo passo - Adicionar CSS:

para definir um ajuste visual agradável height e widthe usa border-radius a propriedade adiciona arredondamento às bordas da imagem.50% fará a imagem circular:

.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

Experimente você mesmo

Páginas relacionadas

Tutorial:Imagem CSS