Wie man: abgerundete Bilder erstellt

Lernen Sie, wie man mit CSS abgerundete Bilder erstellt.

Avatar Avatar

Wie man abgerundete Bilder erstellt

Schritt 1 - Fügen Sie HTML hinzu:

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

Schritt 2 - Fügen Sie CSS hinzu:

Verwenden border-radius Die Eigenschaft fügt dem Bild abgerundete Ecken hinzu. 50% macht das Bild rund:

img {
  border-radius: 50%;
}

Probieren Sie es selbst aus

Verwandte Seiten

Tutorials:CSS-Bild