Cómo - Imágenes de Avatar
Aprende a crear una imagen de avatar con CSS.
![Avatar](https://www.w3schools.com/howto/img_avatar.png)
![Avatar](https://www.w3schools.com/howto/img_avatar2.png)
![Avatar](https://www.w3schools.com/howto//w3images/avatar2.png)
![Avatar](https://www.w3schools.com/howto//w3images/avatar6.png)
![Avatar](https://www.w3schools.com/howto//w3images/avatar5.png)
Cómo crear imágenes de avatar
Paso 1) Agregar HTML:
Ejemplo
<img src="avatar.png" alt="Avatar" class="avatar">
Paso 2) Agregar CSS:
Establezca una coincidencia height
y width
que se vea bien, y use la border-radius
propiedad para agregar esquinas redondeadas a una imagen. 50% hará que la imagen sea circular:
Ejemplo
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Vaya a nuestro tutorial de imágenes CSS para obtener más información sobre cómo diseñar imágenes.