A szöveg színének módosítása a HTML-ben

A HTML-ben a szöveg színe a címkével változik , De ez a módszer már nem támogatott HTML5. A megadott címke helyett a CSS-t kell használnia a különböző oldalelemek szövegének színének beállításához. A CSS használatával biztosítja, hogy a weboldal kompatibilis legyen bármely böngészővel.

Lépések

1. módszer: 2:

A CSS használatával

egy. Nyissa meg a HTML fájlt. A szöveg színének megváltoztatásának legjobb módja a CSS használata. Régi címke Már nem támogatott html5. Tehát használja a CSS-t az oldalelemek stílusának meghatározásához.

Ez a módszer a külső stílusú asztalokra is vonatkozik (egyedi CSS fájlok). A következő példák a HTML fájlhoz belső stílusú asztalra szolgálnak.

2. Indítsa el a kurzort a címkén belül . A stílusokat a címke belsejében határozzák meg, ha a belső stíluslapot használják.

3. Belép , Belső stíluslap létrehozása. Amikor címke

4. Adja meg azt az elemet, amelynek színét meg kell változtatni. Használja a részt

{}

öt. Az elemválasztóban adja meg az attribútumot Szín:. Ez az attribútum meghatározza a kiválasztott elem szövegének színét. Példánkban ez az attribútum megváltoztatja a fő szöveg színét, amely egy olyan elem, amely tartalmazza a teljes szöveget az oldalon:

 {Szín:}

6. Adja meg a szöveg színét. Ez háromféleképpen történhet: Adja meg a nevet, írja be a hexadecimális értéket, vagy írja be az RGB értéket. Például, hogy a szöveg kék legyen, írja be Kék, RGB (0, 0, 255) vagy # 0000FF.

 {Piros szín-}

7. Adjon hozzá más választékokat a különböző elemek színének megváltoztatásához. A különböző választók segítségével megváltoztathatja a különböző oldaltételek szövegének színét:

 {Szín: Red-} H1 {Szín: # 00FF00-} P {Szín: RGB (0,0,255)}Ez a cím zöld lesz.Ez a bekezdés kék lesz.Ez az alapszöveg piros lesz.

nyolc. Adja meg a Stylist Class CSS-t az elem megváltoztatása helyett. Megadhatja a stílusosztályt, majd alkalmazza azt az oldali elemre, hogy megváltoztassa az elem stílusát. Például az osztály .A RedText festék az elem szövegét, amelyhez ezt az osztályt alkalmazzák, piros:

 {Piros szín-} osztály ="RedText"> Ez a cím lesz RedEext bekezdés lesz szabvány. osztály ="Redtext"> Ez a bekezdés piros lesz

2. módszer 2:

A beágyazott attribútumok használata

egy. Nyissa meg a HTML fájlt. Használhatja a beágyazott stílus attribútumokat az egyik oldalelem stílusának megváltoztatásához. Hasznos lehet, ha egy vagy két változást kell tennie a stílusban, de nem ajánlott nagyméretű használatra. A stílus teljesen megváltoztatásához használja az előző módszert.

2. Keresse meg az elemet a változtatáshoz.A beágyazott stílus attribútumok használatával megváltoztathatja az oldalelem szövegének színét. Például egy adott fejléc szövegének színének megváltoztatásához keresse meg a fájlban:

Ezt a címet módosítani kell

3. Adja hozzá a stílus attribútumot az elemhez. A változó elem megnyitó címkéjében írja be Stílus ="":

 Stílus =""> Ezt a címet módosítani kell

4. Belül "" Belép Szín:. Például:

 Stílus ="Szín:"> Ezt a címet módosítani kell

öt. Adja meg a szöveg színét. Ez háromféleképpen történhet: Adja meg a nevet, írja be a hexadecimális értéket, vagy írja be az RGB értéket. Például, hogy a szöveg sárga legyen, írja be Sárga-, RGB (255,255,0)- vagy # Ffff00-:

 Stílus ="Szín: # FFFF00-"> Ez a cím sárga lett

Tippek

A támogatott színek és azok hexadecimális értékeik listája megtalálható a honlapon http: // w3schools.Com / colors / colors_names.ÁSPISKÍGYÓ