Gewusst wie: Abgerundete Bilder
Erfahren Sie, wie Sie abgerundete und kreisförmige Bilder mit CSS erstellen.
So erstellen Sie abgerundete Bilder
Schritt 1) HTML hinzufügen:
Beispiel
<img src="img_avatar.png" alt="Avatar">
Schritt 2) CSS hinzufügen:
Verwenden Sie die border-radius
Eigenschaft, um einem Bild abgerundete Ecken hinzuzufügen. 50 % machen das Bild kreisförmig:
Beispiel
img {
border-radius: 50%;
}
Besuchen Sie unser Tutorial zu CSS-Bildern, um mehr über das Gestalten von Bildern zu erfahren.