Gewusst wie: Avatar-Bilder
Erfahren Sie, wie Sie mit CSS ein Avatarbild erstellen.
So erstellen Sie Avatarbilder
Schritt 1) HTML hinzufügen:
Beispiel
<img src="avatar.png" alt="Avatar" class="avatar">
Schritt 2) CSS hinzufügen:
Legen Sie eine Übereinstimmung fest, height
und width
das sieht gut aus, und verwenden Sie die border-radius
Eigenschaft, um einem Bild abgerundete Ecken hinzuzufügen. 50 % machen das Bild kreisförmig:
Beispiel
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Besuchen Sie unser Tutorial zu CSS-Bildern, um mehr über das Gestalten von Bildern zu erfahren.