Jak automatycznie zaokrąglić rogi zdjęć w notce?

Dzisiaj startujemy z pierwszym, banalnym tutorialem, który wielu z was na pewno zaoszczędzi czas. Na wielu blogach widuję zdjęcia z zaokrąglonymi rogami - czasem autorzy chcą dopasować je do wyglądu szablonu, czasem to zwykłe widzimisię. Niestety, wiele z nich jest przerabianych w ten sposób z użyciem programów graficznych. Mam nadzieję, ze wad tej metody nie muszę nikomu tłumaczyć. Wiadomo, jest to praco- i czasochłonne, a także może przysporzyć nam problemów, gdy postanowimy zmienić szablon, lub gdy zwyczajnie... takie zdjęcia przestaną nam się podobać.
 
Najprostszym rozwiązaniem jest umieszczenie poniższego kodu CSS we własnym szablonie. Informację gdzie i jak to to zrobić, znajdziecie TUTAJ. Fragment ten zmieni rogi wszystkich zdjęć w notkach na zaokrąglone.

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

Wartość "20px" można dowolnie zmieniać. Oznacza ona rozmiar zaokrąglenia w pikselach. Jeżeli nie orientujecie się, jak to może wyglądać, to zerknijcie na cztery przykłady poniżej. Możecie na nich zobaczyć, jak wygląda zaokrąglenie rogów o wartości 20px, 40px, 60px i 100px. Jeżeli zdecydujecie się na inną wartość pamiętajcie, żeby zmienić ją we wszystkich trzech liniach kodu!