Como fazer - Imagens de avatar
Aprenda como criar uma imagem de avatar com CSS.
Como criar imagens de avatar
Etapa 1) Adicionar HTML:
Exemplo
<img src="avatar.png" alt="Avatar" class="avatar">
Etapa 2) Adicionar CSS:
Defina uma correspondência que pareça boa e use a height
propriedade para adicionar cantos arredondados a uma imagem. 50% tornará a imagem circular:width
border-radius
Exemplo
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Acesse nosso Tutorial de imagens CSS para saber mais sobre como estilizar imagens.