Étape 3

Enregistrez le fichier.

Étape 4

Ouvrez le fichier CSS. Ajoutez une section au fichier CSS avec les attributs de la section de barre verticale, comme suit:

VBar {

largeur :? px; hauteur :? px; couleur de fond: # ??????; }

Remplacez les points d'interrogation par les valeurs appropriées. Par exemple, la hauteur et la largeur doivent être répertoriées en pixels au format 10px. La couleur d'arrière-plan doit apparaître dans un format de valeur Web hexadécimale à six chiffres, tel que le noir aura la valeur # 000000 ou le blanc # FFFFFF. Visitez le lien Couleurs CSS dans la section "Ressources" pour voir plus de couleurs hexadécimales.

Étape 5

Enregistrez le fichier.

Utiliser une section avec un attribut de bord

Étape 1

Ouvrez le fichier CSS.

Étape 2

Ajoutez un attribut de bord à la section de la page située en regard de l'emplacement où vous souhaitez placer votre barre verticale. Par exemple, si vous avez une section "conteneur" à gauche de l'endroit où vous souhaitez ajouter la barre verticale, ajoutez un attribut border-right à cette section afin de créer un bord droit, par exemple:

récipient {

border-right: X; }

Consultez la section "Conseils" pour obtenir différentes options d'attribut de bord.

Étape 3

Enregistrez le fichier.

Références

• W3Schools.com: introduction au CSS
• W3Schools.com: CSS à la frontière