Hoe om teks kleur in html te verander

Terwyl u tekskleur kan verander deur die merker in HTML te gebruik, word hierdie metode nie meer in HTML5 ondersteun nie. In plaas daarvan gebruik jy basiese CSS om te definieer watter kleur die teks in verskillende elemente op jou bladsy sal verskyn. Die gebruik van CSS sal verseker dat u webblad verenigbaar is met elke moontlike blaaier.

Stappe

Metode 1 van 2:
Gebruik CSS
  1. Beeld getiteld 157292 1
1. Maak jou HTML-lêer oop. Die beste manier om die kleur van jou teks te verander, is deur die gebruik van CSS. Die ou HTML-attribuut word nie meer in HTML5 ondersteun nie. Die voorkeur metode is om CSS te gebruik om die styl van u elemente te definieer.
  • Hierdie metode sal ook met eksterne stylevelle werk (aparte CSS-lêers). Die onderstaande voorbeelde is vir `n HTML-lêer met behulp van `n interne styleheet.
  • Beeld getiteld 157292 2
    2. Plaas jou wyser in die tag. Jy sal jou style in hierdie tag definieer as jy `n interne styleblad gebruik.
  • Beeld getiteld 157292 3
    3. Tik om `n interne styleheet te skep. Wanneer die merker in die merker is, sal die CSS in die merker op enige toepaslike elemente op die bladsy toegepas word. Wanneer jy klaar is, moet die begin van jou HTML-lêer so iets lyk:
  • Beeld getiteld 157292 4
    4. Tik die element wat jy die tekskleur wil verander. U sal die gedeelte gebruik om die voorkoms van die verskillende elemente op u bladsy te definieer. So, byvoorbeeld, om die styl van al die liggaams teks op jou bladsy te verander, tik die volgende:
  • Beeld getiteld 157292 5
    5. Tik die Kleur: Attribuut in die element selector. Die Kleur: attribuut sal die bladsy vertel watter teks kleur vir daardie element gebruik moet word. In hierdie voorbeeld sal dit die teks kleur van alle liggaams teks verander, wat die verstek element vir alle teks op u bladsy is:
  • Beeld getiteld 157292 6
    6. Tik `n kleur vir die teks in. Daar is drie maniere waarop jy `n kleur kan betree: die naam, die hekswaarde, of die RGB-waarde. Byvoorbeeld, vir die kleur blou kan jy tik blou, RGB (0, 0, 255), of # 0000ff.
  • Beeld getiteld 157292 7
    7. Voeg ander keurders by om die kleur van verskillende elemente te verander. U kan die verskillende keurders gebruik om die kleur van u teks vir verskillende dele van die bladsy te verander:
  • Beeld getiteld 157292 8
    8. Definieer `n CSS-klas in plaas van om `n element te verander. U kan `n klas definieer en dit dan toepas op enige element wat u regdeur die bladsy wil hê om die klasstyl onmiddellik by te voeg. Byvoorbeeld, in die volgende lêer die ".redtext" Klas sal enige element maak wat dit toegepas word om rooi teks te gebruik:
    • Metode 2 van 2:
    Gebruik inline styl eienskappe
    1. Beeld getiteld 157292 9
    1. Maak jou HTML-lêer oop. U kan inline styl eienskappe gebruik om die styl van `n enkele element op u bladsy te verander. Dit kan nuttig wees vir een of twee vinnige veranderinge aan die styl, maar word nie aanbeveel vir wydverspreide gebruik nie. Vir omvattende stylveranderings, gebruik die vorige metode.
  • Beeld getiteld 157292 10
    2. Vind die element in die lêer wat jy wil verander. U kan inline styl eienskappe gebruik om die teks kleur van enige van u elemente te verander. Byvoorbeeld, as jy die teks kleur van `n spesifieke kop wil verander, vind dit in jou lêer:
  • Beeld getiteld 157292 11
    3. Voeg die styl eienskap by die element. Tipe styl ="" Binne die openingsteken vir die element wat jy wil verander:
  • Beeld getiteld 157292 12
    4. Tik die Kleur: Attribuut in die "". Byvoorbeeld:
  • Beeld getiteld 157292 13
    5. Tik die kleur wat jy wil verander die teks na. Daar is drie maniere waarop jy `n kleur kan uitdruk. U kan die naam van die kleur tik, u kan die RGB-waarde invoer, of u kan die Hex-waarde invoer. Byvoorbeeld, om die kleur tot geel te verander, kan jy tik geel-, RGB (255,255,0)-, of # FFFF00-:

    • Wenke

    U kan `n lys van ondersteunde kleurname en hul hekswaardes by http: // w3schools.Com / Colors / Colors_Names.asp
    Deel op sosiale netwerke:
    Soortgelyk