2017

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"/>

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc