Hoe te maken: ronde afbeeldingen

Leer hoe je ronde afbeeldingen kunt maken met CSS.

Avatar Avatar

Hoe ronde afbeeldingen te maken

Eerste stap - Voeg HTML toe:

<img src="img_avatar.png" alt="Avatar">

Tweede stap - Voeg CSS toe:

Gebruik border-radius Eigenschappen voegen ronde hoeken toe aan afbeeldingen. 50% maakt de afbeelding ronde:

img {
  border-radius: 50%;
}

Probeer het zelf

Gerelateerde pagina's

Tutorial:CSS afbeelding