Ouvrez un éditeur de texte, tel que le Bloc-notes, EditPad ou TextPad. Cliquez "Fichier" et "Nouveau" pour créer un nouveau document CSS.

Insérez le code CSS suivant dans votre page. Il fixe les marges supérieure et inférieure à zéro sur votre page Web:

body {margin: rembourrage 0-:} 0-

Insérez le code suivant en dessous de la ligne de code précédente. Il crée un style pour la barre de navigation, couvrant toute la largeur de son conteneur parent ou section. Il a également laissé, aligne la barre (jusqu`à gauche possible de son récipient) et lui donne un fond noir. Pour changer la couleur d`arrière-plan pour la navigation, le changement "noir" à une couleur différente, mais laisser le point-virgule intact.

nav {

largeur: 100% - float: left; fond:} black-

Ajoutez le code suivant en dessous de la ligne de code précédente. Il enlève les balles de l`étiquette UL et supprime les marges et padding:

nav ul {

margin: 0- padding: liste 0--style-type: none; }

Ajoutez le code CSS suivant en dessous du code précédent. Il rend le contenu dans l`écran de navigation sur la même ligne:

nav li {

Affichage: inline-}

Ajoutez le code suivant en dessous des lignes de code précédent. Il formate les liens dans la navigation et les affiche sous forme d`onglets. Il ajoute un rembourrage vertical de 2 pixels et un rembourrage horizontal de 15 pixels de chaque lien. Il supprime soulignements des liens, rend le blanc texte et applique un fond noir. Il ajoute également une mince bordure blanche à droite de chaque lien. Pour personnaliser la barre de navigation, changer les couleurs dans le code.

nav ul a {

Affichage: float bloc-: gauche; padding: 2px 15px; text-decoration: none; fond: couleur black-: border-right blanc-: 1px blanc- solide}

Ajoutez la ligne de code suivante pour changer la couleur d`arrière-plan des onglets lorsque vous les sélectionnez:

nav ul a: hover {

fond: bleu-}

Cliquez "Fichier" et "sauvegarder" dans le menu. Nom du fichier "nav.css" dans le "Enregistrer sous" boite de dialogue. Placez le fichier dans le même dossier que le fichier HTML où la barre de navigation sera. Cliquez "Sauvegarder."

Utilisez le Bloc-notes ou un éditeur de texte similaire pour ouvrir le fichier HTML où sera placé la barre de navigation.

Faites défiler jusqu`à la "tête" section, située en haut de la page, juste en dessous du "" code. Pour identifier la bonne section, cliquez entre "" et "" et insérer le code suivant:

Faites dessous de l`ouverture "corps" tag et cliquez là où vous voulez que la barre de navigation pour afficher. Insérez le code suivant, mais remplacez "#" avec l`adresse du site que vous liez. Remplacer "Lien 1," "Link 2," et "lien 3" avec le texte que vous souhaitez afficher dans la barre de navigation.

Cliquez "Fichier" et "sauvegarder" dans le menu pour enregistrer les modifications.