Sebbene HTML( HyperText Markup Language) fornisca un tag che crea un divisore orizzontale, non esiste un elemento equivalente che crea una linea verticale. Spesso sorge la necessità di una forma verticale, quindi questo crea un dilemma. Fortunatamente, hai la possibilità di utilizzare una soluzione alternativa che incorpora una tabella HTML e applica il codice CSS( Cascading Style Sheets) a un bordo. Scopri come creare il codice HTML e applicare la regola CSS che crea una linea verticale solida.

Istruzioni

  1. Avvia il software di editor di testo del Blocco note, fornito con il computer Windows, e apre un documento del sito web.

  2. Posiziona il cursore nell'area desiderata in cui desideri che appaia la linea continua. Inserisci il codice HTML che crea una tabella semplice:

    & lt; table & gt;

    & lt; tr & gt;

    & lt; td & gt; & lt; / td & gt;

    & lt; / tr & gt;

    & lt; / table & gt;

  3. Digitare il seguente codice prima della

    chiusura "& lt; / head & gt;"elemento per creare la regola di stile CSS per la tua tabella:

    & lt; style type = "text / css" & gt;

    & lt;! - Tabella

    { }

    - & gt;

    & lt; / style & gt;

  4. Immettere "border-left:;"o "border-right:;"tra le parentesi graffe per determinare se la linea appare a sinistra o a destra e inserire "solido" dopo i due punti per specificare che è come dovrebbe apparire la linea. Digitare un numero in pixel( px) per determinare la larghezza della linea verticale e immettere un colore, ad esempio il nero, per specificare la sfumatura della linea. Per illustrare:

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

  5. Digitare "height:;"e digitare un valore numerico in pixel( px) o percentuale( %) per determinare la lunghezza della linea. Ad esempio:

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

  6. Salva il tuo file. Aprilo in una finestra del browser facendo clic sull'opzione "Apri" o "Apri file" nel menu "File" del browser. Se sei soddisfatto della linea verticale, carica il file sul tuo host Web per pubblicarlo. Altrimenti, apporta modifiche ai valori nella tua regola di stile prima di salvarlo e caricarlo sul tuo host. Risorse

  • Tizag: CSS Tutorial - Border
  • World Wide Web Consortium( W3C): Box modello
  • World Wide Web Consortium( W3C): a partire da HTML + CSS