Ako zmeniť farbu textu v html

V HTML sa farba textu líši pomocou značky , Ale táto metóda už nie je podporovaná v html5. Namiesto zadaného značky musíte použiť CSS na nastavenie farby textu rôznych prvkov stránky. Používanie CSS zaisťuje, že webová stránka bude kompatibilná s ľubovoľným prehliadačom.

Kroky

Metóda 1 z 2:

Pomocou CSS

jeden. Otvorte súbor HTML. Najlepší spôsob, ako zmeniť farbu textu, je použitie CSS. Starý tanec Už nie sú podporované v html5. Takže pomocou CSS určiť štýl prvkov stránky.

Táto metóda sa vzťahuje aj na tabuľky externých štýlov (jednotlivé súbory CSS). Nasledujúce príklady sú určené pre súbor HTML s interným stolom štýlov.

2. Spustite kurzor vo vnútri značky . Štýly sú definované vo vnútri tejto značky, ak sa používa interný štýl.

3. Zadať , Vytvorenie interného štýlu. Keď tag

4. Zadajte prvok, ktorého farba je potrebné zmeniť. Použite sekciu

{}

päť. V voličov prvku zadajte atribút Farba:. Tento atribút definuje farbu textu vybranej položky. V našom príklade tento atribút zmení farbu hlavného textu, čo je položka, ktorá obsahuje celý text na stránke:

 {Farba:}

6. Zadajte farbu textu. To možno vykonať tromi spôsobmi: Zadajte názov, zadajte hexadecimálnu hodnotu alebo zadajte hodnotu RGB. Napríklad, aby sa text modrá, zadajte Modrá, RGB (0, 0, 255) alebo # 0000ff.

 {Farba: Red-}

7. Pridajte ďalšie selektory na zmenu farby rôznych prvkov. Môžete použiť rôzne voličy na zmenu farby textu rôznych položiek stránky:

 {Farba: Red-} H1 {Farba: # 00FF00-} p {Farba: RGB (0,0,255)}Tento titul bude zelený.Tento odsek bude modrý.Tento základný text bude červený.

osem. Namiesto zmenu položky zadajte CSS triedy stylistov. Môžete zadať triedu štýlu a potom ho použiť na ľubovoľnú položku stránky, aby ste zmenili štýl prvku. Napríklad trieda .RedText bude maľovať text prvku, ku ktorému sa táto trieda aplikuje, v červenej farbe:

 {Farba: Red-} trieda ="Redtext"> Tento titul bude redextot odsek bude štandardný. trieda ="Redtext"> Tento odsek bude červený

Metóda 2 z 2:

Použitie vložených atribútov

jeden. Otvorte súbor HTML. Atribúty vstavaného štýlu môžete použiť na zmenu štýlu jedného prvku stránky. Môže byť užitočné, ak potrebujete urobiť jednu alebo dve zmeny v štýle, ale neodporúča sa pre rozsiahle použitie. Ak chcete úplne zmeniť štýl, použite predchádzajúcu metódu.

2. Nájdite položku, ktorá sa chcete zmeniť.Pomocou atribútov vloženého štýlu môžete zmeniť farbu textu akejkoľvek položky stránky. Ak chcete napríklad zmeniť farbu textu konkrétnej hlavičky, nájdite ho v súbore:

Tento titul je potrebné zmeniť

3. Pridajte atribút štýlu do položky. Vnútri otváracieho značky variabilného prvku Štýl ="":

 Štýl =""> Tento titul je potrebné zmeniť

4. Vnútri "" Zadať Farba:. Napríklad:

 Štýl ="Farba:"> Tento titul je potrebné zmeniť

päť. Zadajte farbu textu. To možno vykonať tromi spôsobmi: Zadajte názov, zadajte hexadecimálnu hodnotu alebo zadajte hodnotu RGB. Napríklad, aby sa text žltý, zadajte žltá-, RGB (255,255,0)- alebo # Ffff00-:

 Štýl ="Farba: # ffff00-"> Tento titul sa stal žltým

Tipy

Zoznam podporovaných farieb a ich hexadecimálne hodnoty nájdete na webovej stránke http: // w3schols.Com / farby / colors_names.Asp