Hoe te maken: avatarafbeelding

Leer hoe je een avatarafbeelding kunt maken met CSS.

Avatar Avatar Avatar Avatar Avatar

Hoe een avatarafbeelding te maken

Eerste stap - Voeg HTML toe:

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

Tweede stap - Voeg CSS toe:

om een goed ogend match te krijgen hoogte en breedteen gebruik border-radius De eigenschap voegt een ronde hoek aan het beeld toe.50% Maakt het beeld rond:

.avatar {
  vertical-align: middle;
  breedte: 50px;
  hoogte: 50px;
  border-radius: 50%;
}

Probeer het zelf

Gerelateerde pagina's

Handleiding:CSS afbeelding