Ci sono un certo numero di modi per inserire barre o separatori sui siti Web. Un metodo che è integrato nel codice HTML si è abbastanza facile, finché sei in grado di modificare il sito di HTML. Con separatori, diventa molto facile organizzare i tuoi contenuti chiaramente, che migliorerà la leggibilità per il tuo sito.

Istruzioni

Passaggi

1

Aprire il codice sorgente della pagina che si desidera modificare. Se si esegue il tuo sito Web attraverso un'interfaccia utente (in un Blogger o WordPress blog, per esempio), semplicemente aprire la scheda "Codice" o "HTML" durante la modifica di un post.

2

Inserire "< hr / >" (senza virgolette) nel posto desiderate un bar o un divisore.

3

Salvare la pagina e verificare che la barra è comparso.

4

Fare il "< hr / >" facilmente guardare qualsiasi modo desiderato accedendo a fogli di stile del tuo sito codice che appare tra i tag di "stile < >" nella sezione "< head >" delle tue pagine, o in alternativa, un file che termina con l'estensione CSS.

5

Inserire il seguente frammento di codice alla fine di un foglio di stile:
HR {
Larghezza: 60%;
Altezza: 10px;
sfondo-colore: grigio;
border: 1px dotted verde;
}
Ovviamente, questi valori possono essere qualsiasi cosa si desidera (e nell'esempio di cui sopra rende per un separatore piuttosto brutto). Semplicemente mantenere la sintassi lo stesso e cambiare i colori e le dimensioni a vostro piacimento. Dimensioni possono essere in pixel (px) o di percentuale.
Nell'opzione di "confine", gli stili oltre a "punteggiato" è "solido", "tratteggiato", "ridge," "groove", "inizio" e "inset."

6

Fare il separatore di una foto di tutto quello che vuoi inserendo il seguente alla fine del foglio di stile anziché il codice sopra riportato:
HR {
Larghezza: 400px;
Altezza: 5px;
background-image:URL('imageaddress.jpg');
}
Basta sostituire "imageaddress.jpg" con l'indirizzo web dell'immagine. Avete anche per regolare le dimensioni secondo quanto l'immagine è grande. Se è 200 pixel in orizzontale per 20 pixel di altezza, impostare la larghezza della "200px" e l'altezza della "20px."