Un trucchettino, una banalità che però può essere comoda ed efficace.

Se si deve aggiungere a molte immagini, per esempio una galleria, alcuni elementi aggiuntivi come ombre o cornici, si può aggiungere semplicemente del padding e un background al tag img che contiene ciò che interessa, volendo selezionandolo con una classe.

In questo modo possiamo dare degli effetti senza manipolare l’html della pagina e senza andare ad aggiungere div inutili.

Questa tecnica è testata con IE6+, FF3.6+, Chrome e Safari, ha però il limite di non essere molto flessibile, se per esempio si volesse aggiungere una cornice è necessario che ogni immagine abbia le stesse dimensioni.

Questo limite può essere superato utilizzando la proprietà CSS3 che ci permette di usare più di un background per ogni elemento del DOM, però così facendo si perde la retro-compatibilità coi browser più vecchi.