Hvordan man opretter: avatarbillede

Lær hvordan man bruger CSS til at oprette avatarbillede.

Avatar Avatar Avatar Avatar Avatar

Hvordan man opretter avatarbillede

Første trin - Tilføj HTML:

<img src="avatar.png" alt="Avatar" class="avatar">

Andet trin - Tilføj CSS:

til at sætte en pæn match højde og breddeog brug border-radius egenskab tilføjer runde kanter til billedet.50% gør billedet cirkulært:

.avatar {
  vertical-align: middle;
  bredde: 50 px;
  højde: 50 px;
  border-radius: 50%;
}

Prøv det selv

Relaterede sider

Tutorial:CSS billede