Come fare per - Immagini avatar
Scopri come creare un'immagine 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)
Come creare immagini avatar
Passaggio 1) Aggiungi HTML:
Esempio
<img src="avatar.png" alt="Avatar" class="avatar">
Passaggio 2) Aggiungi CSS:
Imposta una corrispondenza height
che abbia un width
bell'aspetto e usa la border-radius
proprietà per aggiungere angoli arrotondati a un'immagine. Il 50% renderà l'immagine circolare:
Esempio
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Vai al nostro tutorial sulle immagini CSS per saperne di più su come applicare uno stile alle immagini.