Imagini si CSS totul depinde de ce navegator folosim

---

O imagine normala:

<img src="URL_IMAGINE"/>

Rotunjim colturile si in Firefox se vede cum apare in aceasta postare si foarte diferit in, Chrome Opera e IE9:

<img style="border-radius:20px" src="URL_IMAGINE"/>

Am adăuga o frontieră (margine):

<img style="border-radius: 20px;border: 5px solid #ED7274;" src="URL_IMAGINE"/>

Am adăugat un padding care este separarea dintre margine şi imaginea în sine:

<img style="border-radius: 20px;border: 5px solid #76F561;padding: 10px;" src="URL_IMAGINE"/>

Sa continuam cu adaugarea de culoare penttru fondul imagini:

<img style="background-color: #678;border: 5px solid #FFF;border-radius: 100px;padding: 10px 50px;" src="URL_IMAGINE"/>

Si o mica umbra pe marginea exterioara a imagini:

<img style="background-color: #678;border: 5px solid #FFF;border-radius: 100px;padding: 10px 50px;box-shadow:0 0 10px #DEF;" src="URL_IMAGINE"/>