WEB design with CSS: BACKGROUND IMAGE



1. Click on this link to watch the video "background images"

Cliquer-ici pour regarder la vidéo sur les "images de fond"  


2. Replace in your "mystyle.css" file the code for the body block to display a background image on your pages. Test with web browser.
Remplacer dans votre fichier "mystyle.css"  le code le bloc body pour afficher une image de fond à vos pages. Tester avec le navigateur web.


Example:


body {

   

    background-image: url("img_tree.png");

    background-repeat: no-repeat;  

}


3. Then move on to the Borders part. Those interested can read what is below this text before moving on to the next chapter.
Passer ensuite à la partie Borders. Les personnes intéressées peuvent lire ce qui est en dessous de ce texte avant de passer au chapitre suivant.



Explanation of the code above:

Explication du code ci-dessus:


The background-image property lets you specify a background image for an element. By default, if the image size is smaller than the element size, the image will repeat to fill the element; the default behaviour can be changed with the background-repeat property. If background-repeat is set to no-repeat the image does not repeat (it only appears once in the element)


La propriété background-image permet de spécifier une image de fond pour un élément. Par défaut, si la taille de l'image est plus petite que la taille de l'élément, l'image se répétera de manière à remplir l'élément; le comportement par défaut peut être changé avec la propriété background-repeat. Si background-repeat est réglée sur no-repeat l'image ne se répète pas ( elle n'apparaît qu'une seule fois dans l'élément)







Créé avec HelpNDoc Personal Edition: Générer facilement des livres électroniques Kindle