Comment tuiles une image en html

<

Contenu

article data-type="article">
Les images de fond vous carreaux en HTML peuvent être des images fixes ou animées.

Lorsque vous tuile, ou répétée, une image en utilisant des feuilles de style en cascade, utilisez une seule ligne de code pour l`option de répétition par défaut, ou d`ajouter d`autres options avec une 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.

Notions de base pour Carreleurs

  • Répéter les images avec la propriété background-image dans le corps de la balise du document. Par défaut, l`image se répète sans cesse 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 Carreleurs

  • Ajouter la propriété background-repeat, avant ou après la propriété background-image, changer la façon dont l`image se répète. Spécifier repeat-x de faire de la répétition de l`image dans une ligne horizontale sur toute la largeur de la page, ou utiliser repeat-y de faire de la répétition de l`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-

    }
Technologie / Programmation web / Html

AUTRES

» » » » Comment tuiles une image en html