Bilder abrunden mit CSS ♥♥

Oft wurde ich früher gefragt, wie man Bilder im Post automatisch abrunden kann. Damals wusste ich die Antwort nicht, aber dafür heute!



1. Öffnet wie gewohnt im Bloggerdashboard eure HTML-Vorlage.

2. Sucht um Code mit Strg+F nach img. Bei jedem Design sieht sie etwas anders aus. Sucht die Kombination img mit post. Sind mehrere vorhanden, probiert es einfach aus (einfügen und Vorschau drücken). So könnte sie aussehen:

3. Zwischen diesen geschwungenen Klammern fügt ihr hinzu:

-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;

Die Pixelanzahl kann dabei variieren, so wie ihr sie gerne hättet. So in etwa sollte der Code dann aussehen:

.post img {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}

Liebe Grüße,

Mira