Hoe OM - Avatar-beelde
Leer hoe om 'n avatar-prent met CSS te skep.
Hoe om avatar-beelde te skep
Stap 1) Voeg HTML by:
Voorbeeld
<img src="avatar.png" alt="Avatar" class="avatar">
Stap 2) Voeg CSS by:
Stel 'n bypassende height
en width
wat goed lyk, en gebruik die border-radius
eiendom om afgeronde hoeke by 'n prent te voeg. 50% sal die prent sirkelvormig maak:
Voorbeeld
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Gaan na ons CSS-beelde-tutoriaal om meer te wete te kom oor hoe om beelde te stileer.