Sebbene HyperText Markup Language (HTML) fornisce un tag che crea un divisore orizzontale, non c'è un elemento equivalente che crea una linea verticale. La necessità di una forma verticale si pone spesso, quindi questo crea un dilemma. Fortunatamente, si ha la possibilità di utilizzare una soluzione che incorpora una tabella HTML e applica Cascading Style Sheets codice (CSS) per un bordo. Capire come creare il codice HTML e applicare la regola CSS che fa con successo una linea verticale, solido.

istruzione

1 Avviare il software editor di testo Blocco note, che viene fornito con il computer Windows e aprire un documento sito web.

2 Posizionare il cursore nell'area desiderata in cui si desidera visualizzare la linea continua. Inserisci il codice HTML che crea una semplice tabella:

<Table>

<Tr>

<Td> </ td>

</ Tr>

</ Table>

3 Digitare il seguente codice prima della chiusura "</ head>" elemento per creare la regola di stile CSS per la vostra tavola:

<Style type = "text / css">

<! -

tavolo { }

->

</ Style>

4 Inserire "border-left:;" o "border-right:;" tra le parentesi graffe per determinare se viene visualizzata la linea a sinistra oa destra, e immettere "solida" dopo i due punti per specificare questo è come deve apparire la vostra linea. Digitare un numero di pixel (px) per determinare quanto sia ampia la linea verticale è, e inserire un colore, come il nero, per specificare il colore della linea. Illustrare:

table {border-left: 1px solid nero; }

5 Tipo "Altezza:;" e digitare un valore numerico in pixel (px) o in percentuale (%) per determinare quanto tempo la linea è. Per esempio:

table {border-left: 1px solid nero; altezza: 300px; }

6 Salvare il file. Aprirlo in una finestra del browser cliccando o l'opzione "Apri" "Apri File" nel menu "File" del browser. Se si è soddisfatti con la linea verticale, caricare il file sul tuo host Web per pubblicarlo. In caso contrario, apportare modifiche ai valori della tua regola di stile prima di salvare e caricare al vostro ospite.