Hvordan endre en HR Color

En "<HR>" tag skaper en horisontal linje som vanligvis brukes til eget innhold på en nettside. Uten noen stil tagger lagt til, er linjen svart og passer ikke i spesielt godt med de fleste web side design. Heldigvis kan du endre linjetykkelsen, justering, bredde og farge for å matche din webdesign. For å endre fargen på den horisontale linjen, kan du bruke HTML "farge" eiendom, men på grunn av forskjeller i hvordan nettlesere gjengi <HR> tag, vil du også trenger å definere "height" og "background-color "Cascading Style Sheets (CSS) egenskaper.

Bruksanvisning

1 Åpne nettsiders dokument i en HTML eller tekst editor. For å åpne dokumentet med de innfødte Windows tekst editor, høyreklikke på filen og klikk på «Åpne med." Klikk for å velge "Notisblokk" eller "WordPad", deretter "OK".

2 Klikk for å plassere markøren mellom "<BODY>" og "</ BODY>" koder i dokumentet. Trykk "Mellomrom" for å opprette en tom linje.

3 Skriv "<hr" og trykk "Mellomrom". Dette skaper åpningen av horisontal linje tag. I motsetning til mange andre HTML-koder, den "<HR>" tag er entall og krever ikke en avsluttende koden.

4 Type "style =" height: 1px; " og trykk "Mellomrom". Dette skaper "style" attributt for "<HR>" tag, som lar deg legge inn CSS stil egenskaper. Bytt ut "en" i "høyden" eiendom med høyden av den horisontale linjen i piksler. Høyden må være en piksel eller mer.

5 Type "color: # FF0000;" og trykk "Mellomrom". Dette definerer CSS "farge" eiendom som "# FF0000" som er den heksadesimale fargeverdi for rød. Bytt ut den heksadesimale fargeverdien med verdien av ditt valg.

6 Type "background-color: # FF0000; '>" og trykk "Enter". Dette definerer CSS "background-color" eiendom som "# FF0000" og lukker "<HR>" tag. Bytt ut den heksadesimale fargeverdien med samme verdi som i forrige trinn. De heksadesimale fargeverdier må være den samme for både "farge" og "background-color" egenskaper til å gjengi riktig i alle nettlesere.

7 Klikk på "File" -menyen og klikk på "Lagre" for å lagre nettsiden dokumentet.