Norme orizzontali, o linee, nella programmazione HTML sono solitamente utilizzato come separatore per dividere le sezioni di una pagina Web. Utilizzando fogli di stile CSS (CSS), si può dichiarare e applicare varie proprietà alla riga quando si utilizza il tag "< hr >" nelle tue pagine. Tuttavia, come visualizzano le regole orizzontale differisce a seconda del browser si e visitatori al vostro utilizzo del sito Web. Internet Explorer e Firefox ciascuno riconoscere alcune proprietà che l'altro non lo fa, quindi utilizzare entrambe le proprietà quando necessario per assicurarsi che tutti vedono il tuo sito nel modo desiderato.

Istruzioni

1

Aprire il tuo file CSS. Digitare il comando seguente per creare un nuovo selettore per una linea orizzontale:

HR {

2

Digitare quanto segue per dichiarare le proprietà di colore:

colore: rosso;

colore di sfondo: rosso;

È consigliabile utilizzare entrambi, perché non sai che i visitatori al tuo sito Web browser utilizzare. Internet Explorer riconosce la proprietà di "colore" per il tag "< hr >", ma non la proprietà "background-color". Firefox non il contrario.

3

Digitare quanto segue per dichiarare la larghezza e l'altezza:

Altezza: 1px;

Larghezza: 50%;

È possibile utilizzare percentuali o pixel per queste proprietà, ma utilizzando una percentuale per l'altezza a volte non produce quello che vuoi.

4

Digitare quanto segue per dichiarare l'allineamento della linea orizzontale:

text-align: left;

margin: 0px auto 0px 0px;

Simile alla proprietà di colore, Internet Explorer e Firefox utilizzare diversi modi per allineare le norme orizzontali. Se, ad esempio, si imposta la proprietà "width" al 50% e utilizzato solo questa proprietà "text-align", la linea in Internet Explorer si allinea a sinistra, ma in Firefox, esso sarebbe allineare nel mezzo.

5

Digitare quanto segue per definire un bordo:

border: 1px dashed;

Questo mette un bordo tratteggiato tutto intorno la regola orizzontale. Se si imposta la regola di un pixel in altezza, o a sinistra del tutto di proprietà di altezza, la linea stessa sarebbe diventato tratteggiata. Rimuovere la parte "tratteggiata" di questa proprietà per definire un bordo a tinta unita.

6

Salvare il file CSS e caricarlo sul server Web.