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.
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.