Come creare una linea verticale sulla tua pagina web

Una linea verticale può aiutarti a dividere il contenuto in stile colonna o aggiungere un design alla tua pagina Web. Cascading Style Sheets (CSS) è il metodo autorizzato dal World Wide Web Consortium (W3C) per includere elementi di stile nei documenti HTML. Usa uno stile di bordo CSS per inserire una linea verticale in qualsiasi punto della pagina.

1

Digita il codice di stile in un tag HTML “” per inserire la linea verticale:

Questo codice mostra una linea rossa alta 300 pixel, media e continua sul margine sinistro del contenuto. La proprietà “border-right” mostrerà la linea al margine destro della pagina. La larghezza della linea può essere indicata utilizzando una parola o valori numerici, come “media”, “sottile”, “2px” o “12px”. Il colore può essere definito utilizzando valori esadecimali, RGB o con nome.

2

Digita quanto segue per posizionare la linea in una posizione specifica sulla tua pagina:

La linea si trova ora a 150 pixel a destra del margine sinistro.

3

Salvare il documento e aprirlo utilizzando un browser Web per visualizzare la linea verticale nella pagina Web.

Referenze

  • W3schools.com: proprietà CSS Border

Risorse

  • W3schools.com: proprietà colore CSS
  • W3.org: cosa sono i CSS?

Tip

  • Inserisci una piccola immagine con una linea verticale utilizzando ” “Tag per creare una linea verticale. Modifica i valori di “altezza” per rendere la linea profonda quanto desideri:

Scrittore Bio

Willa Dunn scrive dal 1970. Ha scritto contenuti per siti web, documentazione tecnica, poesie e narrativa. È specializzata in articoli per il giardinaggio e relativi alla tecnologia. Dunn ha frequentato l’Illinois Institute of Technology e l’Università dell’Illinois, studiando fotografia e informatica. Le piace il giardinaggio domestico.

Come modificare le linee della griglia in Word su un Mac

Come trovare l’indirizzo IP dei server DNS del tuo ISP

Come contabilizzare la vendita di proprietà ereditate all’IRS

Come trovare l’indirizzo IP di un modem DSL

Come creare un grafico a linee in PowerPoint

Come creare regole orizzontali in CSS

Come rimuovere lo spazio dell’intestazione su Tumblr

Come ripristinare un iPad con un hard reset

Come selezionare una riga in un documento di Word

Come regolare l’interlinea in HTML

Come utilizzare Marquee in Outlook

Come rendere giustificato il titolo di un post in Blogger?