Réaliser un encadrement avec texture des images de votre blog

Il faut un peu tricher. En fait, nous allons mettre une texture en background dans certaines lignes du CSS et ensuite fixer des marges autour de l'image pour donner un semblant de cadre.

Choisissez de préférence une texture assez colorée, "habillée".



Voici notre image avant encadrement



Dans le CSS,

Pour toutes les images du blog, vous complétez la ligne qui existe déjà avec votre propre background.
Padding sera l'épaisseur de l'encadrement : jouez avec les px.

img {background-image:url(adresse de l'image);padding:10px;} 

Voici le résultat




Pour les images présentes dans les modules, vous rajoutez la ligne en entier. Elle n'existe pas encore :

.box img {background-image:url(adresse de l'image);padding:10px;}

Pour les images présentes dans les articles, vous rajoutez la ligne en entier

.article img {background-image:url(adresse de l'image);padding:10px;}

Pour les images présentes dans l'entête

#top img {background-image:url(adresse de l'image);padding:10px;}

Pour les images présentes dans le pied de page

#footer img {background-image:url(adresse de l'image);padding:10px;}