Nwlapcug.com


Come fare HTML divisori

Come fare HTML divisori


Divisori HTML separato pagine Web in sezioni visibili. Il righello orizzontale, o HR, tag viene utilizzato per creare semplici o linee orizzontali decorativi sul Web. È possibile combinare fogli di stile CSS (CSS) con HTML per personalizzare di un divisore colore, dimensioni, allineamento e l'effetto tridimensionale. Anche se è possibile utilizzare divisori frequentemente come ti piace e mettere ovunque sulla tua pagina Web.

Istruzioni

1

Aprire il file HTML che si desidera modificare in un editor di testo come Notepad, EditPad o TextEdit.

2

Aggiungere il "< hr / >" codice sotto il tag BODY dove si desidera che il divisore a comparire come segue. Crea un divisore che si estende su tutta la linea:

< hr / >

3

Aggiungi ' style = "width" ' al codice per consentire il divisore possono estendersi su una larghezza specifica. Il codice seguente imposta il separatore al 50 per cento della linea:

< hr style = "width: 50%" / >

4

Aggiungere il codice per dare la linea uno spessore specifico "altezza". Il codice seguente assegna il divisore un'altezza di 3 pixel:

< hr style = "width: 50%; Altezza: 3px" / >

5

Includere "colore" nel codice per dare il divisore di un colore specifico, ad esempio rosso:

< hr style = "width: 50%; Altezza: 3px; Colore: rosso" / >

6

Inserire un "background-color", "colore", "altezza" e "larghezza" per creare un divisore per non applicare nessuna ombra (rimuovere il suo effetto tridimensionale) come segue:

< hr stile = "altezza: 2px; border-width: 0; colore: grigio; background-color: grigio" / >