Hoe - Avatarafbeeldingen
Leer hoe u een avatarafbeelding maakt met CSS.
Hoe Avatar-afbeeldingen te maken
Stap 1) HTML toevoegen:
Voorbeeld
<img src="avatar.png" alt="Avatar" class="avatar">
Stap 2) CSS toevoegen:
Stel een matching in height
en width
dat ziet er goed uit, en gebruik de border-radius
eigenschap om afgeronde hoeken aan een afbeelding toe te voegen. 50% maakt de afbeelding circulair:
Voorbeeld
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Ga naar onze CSS Afbeeldingen Tutorial voor meer informatie over het stylen van afbeeldingen.