Un tag "< HR >" crea una linea orizzontale che viene in genere utilizzata per separare il contenuto in una pagina web. Senza qualsiasi tag di stile aggiunto, la linea è nera e non si adatta particolarmente bene con la maggior parte dei disegni pagina web. Fortunatamente è possibile modificare lo spessore della linea, allineamento, larghezza e colore per abbinare il vostro sito web design. Per modificare il colore della linea orizzontale, è possibile utilizzare la proprietà di «colore» di HTML, ma a causa delle differenze in come i browser web esegue il rendering del tag < HR >, inoltre sarà necessario definire le proprietà di Cascading Style Sheets (CSS) "altezza" e "background-color".

Istruzioni

1

Aprire il documento di pagina web in un editor di testo o HTML. Per aprire il documento utilizzando l'editor di testo di Windows nativo, cliccate destro sul file, quindi fare clic su "Apri con". Fare clic per selezionare "Blocco note" o "WordPad", quindi fare clic su "OK".

2

Fare clic per posizionare il cursore tra le "< BODY >" e "< / BODY >" tag nel documento. Premere "Barra spaziatrice" per creare una riga vuota.

3

Tipo "< hr" e premere "Spacebar". Questo crea l'apertura del tag regola orizzontale. A differenza di molti altri tag HTML, il tag "< HR >" è singolare e non richiede un tag di chiusura.

4

Tipo "style =' altezza: 1px;" e premere "Spacebar". Questo crea l'attributo di "stile" per il tag "< HR >", che permette di inserire le proprietà di stile CSS. Sostituire la "1" nella proprietà "height" con l'altezza della linea orizzontale in pixel. L'altezza deve essere un pixel o più.

5

Tipo "color: #FF0000;" e premere "Spacebar". Questo definisce la proprietà "color" CSS come "#FF0000" che è il valore esadecimale del colore rosso. Sostituire il valore esadecimale del colore con il valore della vostra scelta.

6

Tipo "background-color: #FF0000;' > "e premere"Invio". Questo definisce la proprietà "background-color" CSS come "#FF0000" e viene chiuso il tag "< HR >". Sostituire il valore esadecimale del colore con lo stesso valore digitato nel passaggio precedente. I valori di colore esadecimali devono essere lo stesso per il "colore" e il "background-color" Proprietà eseguire il rendering correttamente in tutti i browser web.

7

Fare clic sul menu "File", quindi fare clic su "Salva" per salvare il documento di pagina web.