Lahendatud: kuidas muuta h1 värvi html-is

Sellele küsimusele pole ühest kindlat vastust. Tavaliselt, kui soovite HTML-is h1-elemendi värvi muuta, peate kasutama stiililehte või mallifaili, mis sisaldab konkreetseid juhiseid h1-elementide värvi muutmiseks.

<h1 style="color:red;">This is a red heading</h1>

See on HTML-koodi rida. See loob pealkirja elemendi ja annab sellele stiiliatribuudi väärtusega “color:red;”. See muudab pealkirjaelemendis oleva teksti punaseks.

Muutke värve

HTML-is on värvide muutmiseks mitu võimalust. Üks võimalus on kasutada värvi omadust. Näiteks võite kasutada atribuuti color, et muuta elemendi teksti värvi:

Minu tekst on sinine

Värvide muutmiseks saate kasutada ka atribuute hsl() ja hsla(). Atribuut hsl() võtab tooniväärtuse (kraadides) ja atribuut hsla() küllastusväärtuse (protsentides). Näiteks võite kasutada neid atribuute elemendi teksti värvi muutmiseks:

Minu tekst on sinine

Minu tekst on roheline

Tere, Maailm!

css inline

Tekstisisene css-stiil on stiil, mis paigutatakse samasse HTML-i elemendi sisse, millesse see stiil on paigutatud. See tähendab, et css-i rakendatakse tekstile selle renderdamise ajal, mitte siis, kui brauser HTML-i alla laadib ja sõelub. See võib olla kasulik lehe laadimisaja kiirendamiseks, kuna css-i rakendatakse kohapeal, mitte alla laaditakse ja seejärel uuesti sõelutakse.

Seonduvad postitused:

Jäta kommentaar