Créer une règle CSS pour votre élément de la page Web, et fixer l'image de fond. Par exemple, cet exemple serait de placer un fichier .jpg que le fond de l'élément de corps de votre page Web:
corps
{
background-image: URL ('yourBackgroundImage.jpg') -
}
Inclure la propriété background-position dans la règle CSS pour votre élément. Par exemple, pour définir une image de fond pour l'aligner sur le fond de l'élément de corps de votre site Web, vous devez inclure la propriété background-position dans la règle de l'élément de corps comme on le voit dans cet exemple:
corps
{
background-image: URL ('yourBackgroundImage.jpg') -
background-position: centre ascendante
}
Sélectionnez la valeur de la propriété de votre choix. Lorsque votre Écrivez votre règle CSS, vous devez attribuer une valeur à la propriété background-position. Vous pouvez choisir de simplement utiliser le "fond" valeur de la propriété. Cela aura pour effet d'aligner votre image de fond avec le fond de l'élément. Il existe également trois valeurs de propriétés directionnelles qui correspondent le fond avec le fond de l'élément. Ce sont les "en bas à gauche", "en bas à droite" et "bas centre des valeurs de propriété". Dans l'exemple ci-dessus, le "fond centre" valeur de la propriété est utilisée. Cela aligner l'image sur le centre et le fond de l'élément de corps de la page Web.
Appliquer la valeur de la propriété à la propriété background-position. Une fois que vous décidez sur la valeur de la propriété appropriée, écrire cette valeur dans la règle CSS selon l'exemple ci-dessus.
Appliquer autres valeurs de propriétés que nécessaire. La propriété background-position acceptera d'autres valeurs de l'immobilier, qui vous permettent de coiffer le positionnement de l'arrière-plan de plusieurs manières différentes, y compris le positionnement de l'arrière-plan à un endroit fixe et en répétant le fond le long d'un horizontal ou d'un axe vertical. Le Consortium World Wide Web a publié un ensemble de normes qui décrit ces valeurs de propriété supplémentaires.