Position de Fond CSS
Comment configurer le fond sur le centre de la page?
Je veux configurer la position du fond?
Explication
Propriété:
Usage:
background-position: center | top | bottom | top left | top center | top right | bottom left | bottom center | bottom right ;
background-position: 50% 50%;
background-position: 200 200;
Définition:
Cette balise définit la position de l'image de fond. La répétition doit être de type non-répétition de cette prise d'effet correctement.
Il prend les valeurs suivantes.
a)center | top center | ... : Ces valeurs définissent en termes où l'image doit être. Il peut être considéré comme une "top center" ou "en haut à gauche" ou "en haut à droite" ou de ce genre.
b)50% 50%: les valeurs peuvent être données en pourcentage de 50% à 60%. Cela signifie que l'image doit être placé à la position de 50% à partir de la gauche et 60% à partir du haut de la page.
c)200 200: Les valeurs peuvent être données en pixels.
Toutes ces valeurs seront prises à l'égard de l'objet zone. Si vous définissez ces valeurs intérieur d'une balise div. La zone 50 moyens, 50 depuis le début de la balise div.
Exemple 1: <div style="background-image: url('test3.jpg'); background-color: green; background-repeat: no-repeat;
background-position: bottom center;"> description de la couleur <br><br><br></div>
Résultat: description de la couleur
Exemple 2: <div style="background-image: url('test3.jpg'); background-color: green; background-repeat: no-repeat;
background-position: 50% 50%;"> description de la couleur <br><br><br></div>
Résultat: description de la couleur
Exemple 3: <div style="background-image: url('test3.jpg'); background-color: green; background-repeat: no-repeat;
background-position: 50 50;"> description de la couleur <br><br><br></body>
Résultat: description de la couleur
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.