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
conținut
stappe
Metode 1
Gebruik CSS
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.
2
Plaas die wyser binne die merker . Binne hierdie etiket sal jy die style definieer as jy `n interne stylblad gebruik.
3
Tik om `n interne stylblad te skep. Wanneer die etiket
4
Voer die item in wat jy die kleur van die teks wil verander. U sal die gedeelte gebruik
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:
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.
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.
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
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.
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.
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.
4
Voer die kenmerk in Kleur: binne "". Byvoorbeeld:
Dit is die kop wat jy wil verander.
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 mobiele markie in HTML te maak
- Hoe om `n agtergrond by `n webwerf te voeg
- Hoe om `n prent in HTML te sentreer
- Hoe om HTML-rame te skep
- Hoe om vet teks in HTML te skep
- Hoe om `n prent skakel in HTML te skep
- Hoe om `n sakrekenaar met behulp van HTML te skep
- Hoe om `n plasingsblad vir `n webwerf te skep
- Hoe om `n agtergrond prent in HTML op te los
- Hoe maak die teks flikker in HTML
- Hoe om teks in HTML te onderstreep
- Hoe om die eenvoudige HTML-formaat te gebruik
- Hoe om jаvascript by jou webwerf te voeg deur HTML te gebruik
- Hoe om tekste en beelde in HTML te pas
- Hoe om die inhoud van `n webblad met behulp van CSS te sentreer
- Hoe om `n teks in HTML-taal te sentreer
- Hoe om HTML-vorms te skep
- Hoe om `n skakel te skep
- Hoe om `n teksinskrywing met behulp van HTML te skep
- Hoe om `n eenvoudige CCS-stylblad te maak deur die notaboek te gebruik
- Hoe om `n tabel in HTML te skep