Comment faire un fond de page web avec le centre de l'image

Parfois, un seul , centrée fond de page web peut créer un effet dramatique qui améliore l'humeur d'un site web . Par exemple , une image de la Terre flottant sur ​​un fond noir pourrait captiver les visiteurs vers un site d'astronomie . Beaucoup de développeurs utilisent des feuilles de style pour contrôler la position et l'apparence de chaque objet sur une page Web . Cela comprend les milieux. Expérimenter avec des fonds centrés en choisissant l'une de vos images préférées et coiffer sur votre page Web . Instructions
Le 1

Ouvrir le bloc-notes . Ajouter le texte suivant pour créer un document HTML vide :

< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">

< html xmlns = " " http://www.w3.org/1999/xhtml >

< head >

< titre > Centre une page Web test < /title >

< - section de style Insérez ici ** - >

< /head >

< corps >

< h1 > Cette page a une image de fond <Centré; /h1 >

< entrée id = Type "Button1 " = " touche "value =" touche " /> < entrée id =" Text1 "type = " text " />

< /body >

< /html >

Ce code crée un titre, un bouton et une zone de texte
2

Ajouter le style suivant le code de la feuille ci-dessous "de la section de style Insérez ici : " .

< style et gt;

body {background : url ( ' xyz.jpg ' ) de centre fixe no-repeat; }

< /style et gt;

Cette définition de style centre l'image d'arrière-plan du corps de la page. Remplacer " xyz.jpg " avec un de vos images .
3

Appuyez sur "Ctrl + S " pour ouvrir "Enregistrer sous" Bloc-notes de la fenêtre . Entrez " Center_Web_Page_Test.html " dans la case " Nom de fichier" et cliquez sur " Enregistrer". Bloc-notes enregistre le fichier HTML .
4

Ouvrez un navigateur et appuyez sur " CTRL + O " pour ouvrir la fenêtre " Ouvrir un fichier " . Localisez le fichier HTML et double-cliquez dessus . Le navigateur affichera il . Vérifiez le navigateur de centrer l' image de fond.