CSS Background Repeat
Comment faire pour définir l'image de fond avec les répéter en html?
Je tiens à répéter l'image de fond dans le sens vertical seulement?
Je tiens à répéter l'image de fond dans le sens horizontal uniquement?
Explication
Cette balise définit la propriété de la façon dont l'image de fond devrait ressembler.
En fonction de cette balise peut-être répéter l'image à l'horizontale ou verticale, ou les deux directions.
Il prend l'une des valeurs suivantes.
a)repeat: Cette valeur indique à l'image d'être répétées dans les deux directions.
b)repeat-x: Cette valeur indique à l'image d'être répétées dans le sens vertical que.
c)repeat-y: cette valeur indique à l'image d'être répétés dans les directions horizontale.
d)no-repeat: Cette valeur indique que l'image de fond ne doit pas être répété.
Maintenant vous pouvez voir que l'image
a été défini comme arrière-plan pour la balise div.
elon la répétition de la balise image est elle-même répété à l'intérieur de l'espace.
A Note
En fonction de cette balise peut-être répéter l'image à l'horizontale ou verticale, ou les deux directions.
Il prend l'une des valeurs suivantes.
a)repeat: Cette valeur indique à l'image d'être répétées dans les deux directions.
b)repeat-x: Cette valeur indique à l'image d'être répétées dans le sens vertical que.
c)repeat-y: cette valeur indique à l'image d'être répétés dans les directions horizontale.
d)no-repeat: Cette valeur indique que l'image de fond ne doit pas être répété.
Exemple 1:
<div style="background-image: url('test3.jpg'); background-repeat: repeat; background-color: green;"> description de la couleur <br><br><br></div>
Résultat:
description de la couleur
Exemple 2:
<div style="background-image: url('test3.jpg'); background-repeat: repeat-x; background-color: green;"> description de la couleur<br><br><br></div>
Résultat:
description de la couleur
Exemple 3:
<div style="background-image: url('test3.jpg'); background-repeat: repeat-y; background-color: green;"> description de la couleur
<br><br><br></div>
Résultat:
description de la couleur
Exemple 4:
<div style="background-image: url('test3.jpg'); background-repeat: no-repeat; background-color: green;"> description de la couleur
<br><br><br></div>
Résultat:
description de la couleur
Maintenant vous pouvez voir que l'image
a été défini comme arrière-plan pour la balise div.elon la répétition de la balise image est elle-même répété à l'intérieur de l'espace.
A Note
CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.
Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.