Szövegszín beállítása CSS-ben (CSS color)

A CSS color segítségével a szövegszínt tudjuk módosítani. Ehhez kapcsolódó CSS szintaktikát és példát találhatsz a cikkben.

A CSS segítségével nem csak háttérszínt, hanem szövegszínt is beállíthatunk. Ezt a CSS color tulajdonságával oldhatjuk meg. Szövegszínt mindennek beállíthatunk, nem szükséges konkrétan egy szöveget leíró elemnek beállítani. Beállíthatjuk például az egész BODY-ra is, így a törzsben található összes szöveg színe a beállított lesz.

A színt csak úgy, ahogy eddig most is többféleképpen megadhatjuk:

Ezekről a módszerekről már rengetegszer volt szó, így most nem untatnálak titeket az ismétlésével, de akik még nem ismerkedtek meg velük, azok itt olvashatnak róluk bővebben.

Szövegszín beállításának szintaktikája

ELEM { color: SZÍN(KÓD); }
Code language: CSS (css)

Senkit se tévesszen meg ez a kód, inline is nyugodtan megadhatjuk. Szóval először jön az elem neve, majd megadjuk a “color” tulajdonságot, majd a beállítani kívánt színt.

Példa szövegszín beállítására

HTML kód

<!DOCTYPE html> <HTML> <HEAD> <STYLE> p { color: red; } </STYLE> </HEAD> <BODY> <p>Szöveg1.</p> <p>Szöveg2.</p> </BODY> </HTML>
Code language: HTML, XML (xml)

Eredmény

Szöveg1.

Szöveg2.

>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<

Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!