Hvordan endre fargen på en H2 Overskrift Tag i HTML

February 7

Level-to overskrifter i websider indikerer store divisjoner av tekst som innlegg eller kapittelnavn. Du kan style disse og andre overskrifter i CSS (Cascading Style Sheets), endre skrift stiler, størrelser og farger. Ved hjelp av kodenavn, ID-navn og klasse navn kan du målrette alle, en eller flere nivå-to overskrifter på samme webside. Sett "farge" eiendom til den fargen du ønsker å bruke i CSS-koden.

Bruksanvisning

1 Åpne websiden i Notepad og finne overskriften der du ønsker å endre fargen på teksten:

<H2> En H2 Overskrift </ h2>

2 Legg en ID navn til "<h2>" koder hvis du ønsker å målrette bare én av nivå-to overskrifter. Bruk et klassenavn i stedet hvis du ønsker å målrette flere nivå-to overskrifter:

<H2 id = "single_heading"> Endre Akkurat denne overskriften </ h2>
<H2 class = "heading_class"> Endre flere overskrifter </ h2>

Hopp over dette trinnet hvis du ønsker å endre fargen på alle nivå-to overskrifter.

3 Gå til "<head>" koder på websiden og legge til et par av "<style>" tags hvis HTML ikke ennå har dem:

4 Lag en stil regel for overskriftene:

h2 {
}

single_heading {

}
.heading_class {
}

I de ovennevnte stil regel eksempler de første målene alle nivå-to overskrifter, den andre mål en vei med en ID-navnet og det siste eksempelet er rettet mot enhver posisjon med en klasse navnet "heading_class."

5 Tilsett "farge" eiendom og en fargeverdi mellom klammeparentes av stilen regel:

h2 {
color: red;
}

Du kan bruke fargenavn, heksadesimale fargekoder og RGB-verdier som "RGBA (255, 0, 0, 1)" her.

Hint

Ved bruk av et klassenavn kan du legge til navnet klassen til andre koder for å gjenbruke samme stil regelen så mange ganger du trenger.