Sådan ændres tekstfarve i html

Mens du kan ændre tekstfarve ved hjælp af tagget i HTML, understøttes denne metode ikke længere i HTML5. I stedet vil du bruge grundlæggende CSS til at definere, hvilken farve teksten vises i forskellige elementer på din side. Brug af CSS sikrer, at din webside er kompatibel med alle mulige browser.

Trin

Metode 1 af 2:
Ved hjælp af CSS
  1. Billede med titlen 157292 1
1. Åbn din HTML-fil. Den bedste måde at ændre farven på din tekst på er at bruge CSS. Den gamle HTML-attribut understøttes ikke længere i HTML5. Den foretrukne metode er at anvende CSS til at definere stilen på dine elementer.
  • Denne metode vil også arbejde med eksterne stylesheets (separate CSS-filer). Eksemplerne nedenfor er for en HTML-fil ved hjælp af et internt stylesheet.
  • Billede med titlen 157292 2
    2. Placer markøren inde i mærket. Du vil definere dine stilarter inde i dette mærke, hvis du bruger et internt stylesheet.
  • Billede med titlen 157292 3
    3. Skriv for at oprette et internt stylesheet. Når tagget er i mærket, vil CSS inde i mærket blive anvendt på eventuelle gældende elementer på den pågældende side. Når du er færdig, skal begyndelsen af ​​din HTML-fil se sådan ud:
  • Billede med titlen 157292 4
    4. Indtast det element, du vil ændre tekstfarven til. Du bruger sektionen til at definere udseendet af de forskellige elementer på din side. Så for eksempel at ændre stilen på hele kroppen tekst på din side, skriv følgende:
  • Billede med titlen 157292 5
    5. Skriv farve: Attribut i elementvælgeren. Det farve: Attributten fortæller siden, hvilken tekstfarve der skal bruges til det pågældende element. I dette eksempel ændres den tekstfarven på al kropstekst, som er standardelementet for al tekst på din side:
  • Billede med titlen 157292 6
    6. Indtast en farve til teksten. Der er tre måder, du kan indtaste en farve på: navnet, hex-værdien eller RGB-værdien. For eksempel, for farven blå kan du skrive blå, RGB (0, 0, 255), eller # 0000ff.
  • Billede med titlen 157292 7
    7. Tilføj andre vælgere for at ændre farven på forskellige elementer. Du kan bruge de forskellige vælgere til at ændre farven på din tekst til forskellige dele af siden:
  • Billede med titlen 157292 8
    8. Definer en CSS klasse i stedet for at ændre et element. Du kan definere en klasse og derefter anvende den på ethvert element, du gerne vil have hele siden for øjeblikkeligt at tilføje klassens stil. For eksempel, i den følgende fil den ".Redtext" Klassen vil gøre ethvert element, det er anvendt til at bruge rød tekst:
    • Metode 2 af 2:
    Brug inline stilattributter
    1. Billede med titlen 157292 9
    1. Åbn din HTML-fil. Du kan bruge inline stilattributter for at ændre stilen på et enkelt element på din side. Dette kan være nyttigt for en eller to hurtige ændringer i stilen, men anbefales ikke til udbredt anvendelse. For omfattende stilændringer, brug den forrige metode.
  • Billede med titlen 157292 10
    2. Find elementet i den fil, du vil ændre. Du kan bruge inline stilattributter for at ændre tekstfarven på nogen af ​​dine elementer. For eksempel, hvis du vil ændre tekstfarven på en bestemt header, skal du finde den i din fil:
  • Billede med titlen 157292 11
    3. Tilføj stilattributten til elementet. Type Style ="" Inde i åbningsmærket for det element, du vil ændre:
  • Billede med titlen 157292 12
    4. Skriv farve: attribut inde i "". For eksempel:
  • Billede med titlen 157292 13
    5. Indtast den farve, du vil ændre teksten til. Der er tre måder, du kan udtrykke en farve på. Du kan skrive navnet på farven, du kan indtaste RGB-værdien, eller du kan indtaste hex-værdien. For eksempel at ændre farven til gul, kan du skrive gul-, RGB (255,255,0)-, eller # FFFF00-:

    • Tips

    Du kan se en liste over understøttede farvnavne og deres hex-værdier på http: // w3schools.com / colors / colors_names.ASP
    Del på sociale netværk :
    Lignende