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.