Wie man erstellt: Avatar-Bild

Lernen Sie, wie man mit CSS ein Avatar-Bild erstellt.

Avatar Avatar Avatar Avatar Avatar

Wie man ein Avatar-Bild erstellt

Schritt 1 - Fügen Sie HTML hinzu:

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

Schritt 2 - Fügen Sie CSS hinzu:

um eine schöne Abstimmung zu erzielen height und widthund verwendet border-radius Die Eigenschaft fügt dem Bild abgerundete Ecken hinzu.50% Das macht das Bild rund:

.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

Versuchen Sie es selbst

Verwandte Seiten

Tutorials:CSS-Bild