Passaggio 3

Salva il file

Passaggio 4

Apri il file CSS. Aggiungi una sezione al file CSS con gli attributi della sezione della barra verticale, come segue:

vbar {

larghezza :? px; altezza :? px; background-color: # ??????; }

Sostituire i punti interrogativi con i valori appropriati. Ad esempio, l'altezza e la larghezza dovrebbero essere elencate in pixel con un formato come 10px. Il colore di sfondo dovrebbe apparire in un formato esadecimale a sei cifre del valore Web, ad esempio il nero avrà il valore # 000000 o il bianco # FFFFFF. Visita il link Colori CSS nella sezione "Risorse" per vedere più colori esadecimali.

Passaggio 5

Salva il file

Utilizzo di una sezione con attributo del bordo

Passaggio 1

Apri il file CSS.

Passaggio 2

Aggiungi un attributo edge alla sezione della pagina accanto alla posizione in cui desideri la barra verticale. Ad esempio, se si dispone di una sezione "contenitore" a sinistra del punto in cui si desidera aggiungere la barra verticale, aggiungere un attributo border-right a questa sezione per creare un margine destro, ad esempio:

contenitore {

border-right: X; }

Esaminare la sezione "Suggerimenti" per ottenere diverse opzioni di attributo del bordo.

Passaggio 3

Salva il file

riferimenti

• W3Schools.com: introduzione ai CSS
• W3Schools.com: Border CSS