dmylogi.com

Hoe om die kleur van die teks in HTML te verander

Alhoewel dit moontlik is om die kleur van die teks te verander met die etiket In HTML is hierdie metode nie meer geldig in HTML5 nie. In plaas daarvan word die basiese CSS gebruik om die kleur te definieer waarmee die teks in verskillende elemente van u bladsy sal verskyn. Deur CSS te gebruik, sal u verseker dat u webwerf met enige moontlike blaaier verenigbaar is.

stappe

Metode 1
Gebruik CSS

Beeld getiteld 157292 1
1
Maak die HTML-lêer oop. Die beste manier om die teks kleur te verander, gebruik CSS. Die ou kenmerk van HTML werk nie meer met HTML5 nie. Die voorkeur metode is om CSS te gebruik om die styl van die elemente te definieer.
  • Hierdie metode sal ook werk met eksterne style sheets (onafhanklike CSS lêers). Die onderstaande voorbeelde is vir `n HTML-lêer met `n interne stylblad.
  • Beeld getiteld 157292 2
    2
    Plaas die wyser binne die merker . Binne hierdie etiket sal jy die style definieer as jy `n interne stylblad gebruik.
  • Beeld getiteld 157292 3
    3
    Tik om `n interne stylblad te skep. Wanneer die etiket
  • Beeld getiteld 157292 4
    4
    Voer die item in wat jy die kleur van die teks wil verander. U sal die gedeelte gebruik
  • Beeld getiteld 157292 5
    5
    Voer die kenmerk in Kleur: in die element selector. Die kenmerk Kleur: sal die bladsy vertel watter kleur vir daardie element gebruik moet word. In hierdie voorbeeld verander dit die kleur van die hele teks, wat die standaard element vir alle teks op die bladsy is:
  • Beeld getiteld 157292 6
    6
    Gee `n kleur vir die teks. Dit is moontlik om `n kleur op drie verskillende maniere in te voer: met sy naam, hex waarde of die RGB waarde. Byvoorbeeld, vir die blou kleur moet jy ingaan blou, rgb (0, 0, 255) of # 0000FF.
  • Beeld getiteld 157292 7
    7
    Voeg ander keurders by om die kleur van verskeie elemente te verander. Dit is moontlik om die verskillende keurders te gebruik om die kleur van die teks in verskillende dele van die bladsy te verander:


    Hierdie kop sal groen wees.

    Hierdie paragraaf sal blou wees.

    Hierdie teks sal rooi wees.
  • Beeld getiteld 157292 8
    8
    Definieer `n CSS klas in plaas van `n element te verander. Dit is moontlik om `n klas te definieer en dit toe te pas op enige element wat jy wil hê langs die hele bladsy om die styl klas onmiddellik by te voeg. Byvoorbeeld, in die volgende lêer die klas ".redtext" sal enige item maak waarop dit van toepassing is, gebruik rooi teks:

    Hierdie kop sal rooi wees.

    Hierdie paragraaf sal normaal wees.

    Hierdie paragraaf sal rooi wees.

  • Metode 2
    Gebruik interne stylkenmerke

    Beeld getiteld 157292 9
    1
    Maak die HTML-lêer oop. Dit is moontlik om die eienskappe van die interne styl te gebruik om die styl van `n enkele element van die bladsy te verander. Dit kan nuttig wees vir `n vinnige verandering of twee van die styl, maar dit word nie aanbeveel vir groter gebruike nie. Vir breër styl veranderings, gebruik die vorige metode.
  • Beeld getiteld 157292 10
    2
    Soek die lêer vir die item wat u wil verander. Dit is moontlik om die eienskappe van die interne styl te gebruik om die teks kleur van enige van die elemente te verander. As u byvoorbeeld die tekskleur van `n spesifieke kop wil verander, kyk dit in die lêer op:

    Dit is die kop wat jy wil verander.

  • Beeld getiteld 157292 11
    3
    Voeg die style-kenmerk by die element. Tik styl ="" binne die openingsteken van die item wat jy wil verander:

    Dit is die kop wat jy wil verander.

  • Beeld getiteld 157292 12
    4
    Voer die kenmerk in Kleur: binne "". Byvoorbeeld:

    Dit is die kop wat jy wil verander.

  • Beeld getiteld 157292 13
    5
    Voer die kleur in wat u die teks wil verander. Dit is moontlik om die kleur van die teks op drie maniere uit te druk. Voer die naam van die kleur, die RGB-waarde of die hex-waarde in. Byvoorbeeld, om die kleur na geel te verander, tik geel, rgb (255,255.0) - of # FFFF00-:

    Hierdie kop sal geel wees.

  • wenke

    • U kan `n lys van ondersteunde kleurname en hul hekswaardes in https://w3schools.com/colors/colors_names.asp
    Deel op sosiale netwerke:

    Verwante
    Hoe om `n agtergrond by `n webwerf te voegHoe om `n agtergrond by `n webwerf te voeg
    Hoe om `n prent in HTML te sentreerHoe om `n prent in HTML te sentreer
    Hoe om HTML-rame te skepHoe om HTML-rame te skep
    Hoe om vet teks in HTML te skepHoe om vet teks in HTML te skep
    Hoe om `n prent skakel in HTML te skepHoe om `n prent skakel in HTML te skep
    Hoe om `n sakrekenaar met behulp van HTML te skepHoe om `n sakrekenaar met behulp van HTML te skep
    Hoe om `n plasingsblad vir `n webwerf te skepHoe om `n plasingsblad vir `n webwerf te skep
    Hoe om `n agtergrond prent in HTML op te losHoe om `n agtergrond prent in HTML op te los
    Hoe maak die teks flikker in HTMLHoe maak die teks flikker in HTML
    Hoe om teks in HTML te onderstreepHoe om teks in HTML te onderstreep
    » » Hoe om die kleur van die teks in HTML te verander
    © 2024 dmylogi.com