Comment - Images d'avatar
Apprenez à créer une image d'avatar avec CSS.
Comment créer des images d'avatar
Étape 1) Ajoutez du HTML :
Exemple
<img src="avatar.png" alt="Avatar" class="avatar">
Étape 2) Ajoutez CSS :
Définissez une correspondance height
et width
qui a l'air bien, et utilisez la border-radius
propriété pour ajouter des coins arrondis à une image. 50 % rendront l'image circulaire :
Exemple
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Accédez à notre didacticiel sur les images CSS pour en savoir plus sur la façon de styliser les images.