Comment Tile une image au format HTML

Lorsque vous tuile, ou répétée, une image en utilisant des feuilles de style en cascade, utiliser une seule ligne de code pour l'option de répétition par défaut, ou ajouter d'autres options avec un deuxième ligne de code. Pour répéter votre image, tout ce que vous devez accéder à l'URL de l'image que vous voulez répéter.

  1. Notions de base pour Carrelage

    • Répétez les images avec la propriété background-image dans le corps l'étiquette du document. Par défaut, l'image ne cesse de répéter verticalement et horizontalement sur la page, similaire à la façon dont le texte entoure à la ligne suivante. Par exemple:

      body {




      background-image: url ("-example.jpg" -) -

      }

    • Options pour Carrelage

      • Ajoutez la propriété background-repeat, soit avant ou après la propriété background-image, changer la façon dont votre image se répète. Spécifier repeat-x pour faire la répétition d'image dans une ligne horizontale sur toute la largeur de la page, ou utiliser repeat-y pour faire la répétition d'image dans une ligne verticale tout en bas de la page. Le code final ressemblera à ceci:




        body {

        background-image: url ("-example.jpg" -) -
        background-repeat: repeat-y-

        }

    » » » » Comment Tile une image au format HTML