Come creare regole orizzontali in CSS

March 8

Norme orizzontali, o linee, in programmazione HTML sono di solito usati come separatore per dividere sezioni di una pagina Web. Utilizzando fogli di stile CSS (CSS), è possibile dichiarare e applicare vari oggetti da linea quando si utilizza il "<hr>" tag nelle pagine. Tuttavia, come le regole orizzontali display cambia a seconda di quale browser e visitatori del tuo sito web uso. Internet Explorer e Firefox ogni riconoscono alcune proprietà l'altro no, in modo da utilizzare entrambe le proprietà, se necessario, per assicurarsi che tutti vedono il vostro luogo il modo in cui si intende.

istruzione

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

hr {

2 Digitare la seguente dichiarare proprietà dei colori:

colore rosso;

background-color: red;

Si dovrebbe usare sia perché non si sa quale browser visitatori del tuo sito web uso. Internet Explorer riconosce la proprietà "colore" per il "<hr>" tag, ma non la proprietà "background-color". Firefox fa il contrario.

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

altezza: 1px;

width: 50%;

È possibile utilizzare percentuali o pixel per queste proprietà, ma con una percentuale per l'altezza a volte non produce ciò che si desidera.

4 Digitare la seguente 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 metodi diversi per allineare le norme orizzontali. Se, ad esempio, si imposta la proprietà "larghezza" al 50% e utilizzato solo questa proprietà "text-align", la linea in Internet Explorer sarebbe allineare a sinistra, ma in Firefox, sarebbe allineare nel mezzo.

5 Digitare quanto segue per definire un confine:

border: 1px tratteggiata;

Questo pone un bordo tratteggiato tutto intorno la linea orizzontale. Se si imposta la regola di un pixel in altezza, o lasciato fuori la proprietà altezza del tutto, la linea stessa diventerebbe tratteggiata. Rimuovere la parte "tratteggiata" di questa proprietà per definire un bordo solido.

6 Salvare il file CSS e caricarlo sul server Web.