"Le Guide Web partage mon parcours pour créer un business rentable en ligne."

samedi 8 décembre 2012

Les images d’arrière plan


Pour ajouter une image d’arrière plan par exemple à un paragraphe  je propose la balise 'pre' avec l'attribut styple="background-image: url(cheminDemonImage)" comme suit

       <pre style="background-image: url(FondImage.png);"></pre>


 Cela va créer un paragraphe avec une image de fond en mosaïque , voir le paragraphe en bas
un paragraphe de demonstration
un paragraphe de démonstration
un paragraphe de démonstration
un paragraphe de démonstration
un paragraphe de démonstration

On peut aussi empêcher la mosaïque grâce à l'attribut background-repeat.

<pre style="background-image: url(FondImage.png);background-repeat: no-repeat;"></pre>

En donnant la valeur no-repeat à l'attribut background-repeat on aura la résultat suivante

un paragraphe de demonstration
un paragraphe de démonstration
un paragraphe de démonstration
un paragraphe de démonstration
un paragraphe de démonstration


Pour télécharger des images de fond et des textures gratuitement  je vous propose les sites suivants:
 - Les Textures, Background et Bannieres de blog.
 - www.grsites.com/archive/ : vous trouverez dans ce site des  polices de caractères intéressantes.

Aucun commentaire:

Enregistrer un commentaire