Kuidas muuta teksti värvi HTML-is

Kuigi saate muuta teksti värvi HTML-i märgendi abil, ei toetata seda meetodit enam HTML5-s. Selle asemel kasutate tavalist CSS-i, et määrata, mis värvi tekst teie lehe erinevates elementides kuvatakse. CSS-i kasutamine tagab, et teie veebileht ühildub kõigi võimalike brauseritega.

1
Avage oma HTML-fail. Parim viis teksti värvi muutmiseks on kasutada CSS-i. Vana HTML-i atribuut ei ole HTML5-s enam toetatud. Eelistatud meetod on kasutada elementide stiili määramiseks CSS-i. See meetod töötab ka väliste stiilitabelitega (eraldi CSS-failidega). Allolevad näited on HTML-faili jaoks, mis kasutavad sisemist laaditabelit.

2
Asetage kursor märgendi sisse. Kui kasutate sisemist laaditabelit, määrate selle sildi sees oma stiilid.

3
Sisemise stiilitabeli loomiseks tippige

4
Tippige element, mille teksti värvi soovite muuta. Kasutate oma lehe erinevate elementide välimuse määramiseks jaotist

5
Tippige elemendivalijasse atribuut color:. Atribuut color: ütleb lehele, millist tekstivärvi selle elemendi jaoks kasutada. Selles näites muudab see kogu kehateksti teksti värvi, mis on kogu teie lehe teksti vaikeelement:

6
Sisestage teksti värv. Värvi sisestamiseks on kolm võimalust: nimi, kuueteistkümnendväärtus või RGB väärtus. Näiteks sinise värvi jaoks võite sisestada sinise, rgb(0, 0, 255) või #0000FF.

7
Erinevate elementide värvi muutmiseks lisage teisi valijaid. Saate kasutada erinevaid valijaid, et muuta lehe eri osade teksti värvi:

See päis on roheline.

See lõik on sinine.

See kehatekst on punane.

8
Elemendi muutmise asemel määrake CSS-klass. Saate määratleda klassi ja seejärel rakendada seda kogu lehel mis tahes soovitud elemendile, et lisada koheselt klassi stiil. Näiteks järgmises failis muudab klass ".redtext" kõik elemendid, mida see rakendatakse, kasutama punast teksti:

See pealkiri on punane

See lõik on tavaline.

See lõik on punane

9
Avage oma HTML-fail. Saate kasutada tekstisiseseid stiiliatribuute, et muuta oma lehe üksiku elemendi stiili. See võib olla kasulik ühe või kahe stiili kiireks muutmiseks, kuid seda ei soovitata laialdaseks kasutamiseks. Põhjalike stiilimuutuste jaoks kasutage eelmist meetodit.

10
Otsige failist üles element, mida soovite muuta. Saate kasutada tekstisiseseid stiiliatribuute, et muuta mis tahes elemendi tekstivärvi. Näiteks kui soovite muuta konkreetse päise tekstivärvi, leidke see oma failist:

See on päis, mida soovite muuta

11
Lisage elemendile stiiliatribuut. Tippige muudetava elemendi avamärgendi sisse style="":

See on päis, mida soovite muuta

12
Tippige "" sisse atribuut color: atribuut. Näiteks:

See on päis, mida soovite muuta

13
Tippige värv, millele soovite teksti muuta. Värvi väljendamiseks on kolm võimalust. Võite sisestada värvi nime, võite sisestada RGB väärtuse või kuueteistkümnendväärtuse. Näiteks värvi kollaseks muutmiseks võite tippida kollane;, rgb(255,255,0); või #FFFF00;:

See päis on nüüd kollane