Code html pour placer une image de fond dans un centre fixe

Un document HTML peut avoir une image d`arrière-plan pour la page entière, ainsi que pour des éléments spécifiques sur la page, comme une table. styles CSS peuvent formater ces images de fond de diverses manières. Styles décrivent les effets et les attributs tels que le nom du fichier source de l`image, la fréquence à laquelle l`image est répétée sur la page et la position de l`image sur le document.

Pour définir la position et l`alignement d`une image d`arrière-plan, vous aurez besoin d`utiliser plusieurs propriétés CSS de fond, dont chacun contrôle un attribut spécifique. Vous devez utiliser l`élément que l`image est utilisée pour que le sélecteur dans la feuille de style. Par exemple, si l`arrière-plan que vous souhaitez aligner est l`image de fond principale, utilisez "corps" comme sélecteur, car il correspond à la tag en HTML.

La structure est la même que toute la syntaxe CSS:

sélecteur {propriété:} à valeur

où "sélecteur" est l`élément HTML, "propriété" est l`attribut ou de l`effet et de la «valeur» est l`information pour cet attribut.

Chaque propriété CSS de fond a sa propre fonction spécifique. La propriété background-image est utilisée pour appeler le fichier spécifique de l`image. La propriété background-repeat détermine combien de fois il est répété sur la page. Pour décider si l`image "flotte" sur la page ou le «bâton» à lui comme l`utilisateur fait défiler la page, utiliser background-attachment. Pour définir l`alignement de l`image, utilisez la propriété background-position. Notez que background-position peut être marqué au format de texte tel que "centre", "en haut à gauche," etc.- comme percentage- comme unités- ou "inherit" - ce qui signifie qu`il va utiliser la même position que l`autre élément HTML qui le contient. Pour définir une image dans le centre d`une page, vous pouvez utiliser «centre de centre", "centre" ou "50% 50%".

Une image de fond est formaté avec des styles CSS qui sont incorporés entre le balises dans un document HTML. Si marquée dans une feuille de style externe, supprimer le code qui a les flèches.

Dans cet exemple, l`image d`arrière-plan est placé au centre de la page. Il est réglé sur "pas de répétition" afin que l`image apparaît une seule fois, pas carrelée comme un motif. L`arrière-plan est «fixe» - si vous vous déplacez vers le haut ou vers le bas ou côte à côte sur la page, il va rester à la même place sur votre écran, comme flottant. Par exemple, s`il y a du texte sur la page, le texte se déplace mais le fond ne sera pas. Si vous voulez que l`image de se déplacer avec le reste de la page au lieu, entrez "scroll" à la place de "fixe" pour background-attachment.