Szövegszín beállítása CSS-ben (CSS color)
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:
- név megadással
- RGB színkóddal
- RGBA színkóddal
- HEX színkóddal
- HSL színkóddal
- HSLA színkóddal
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.
>> HTML-színkód generátor (Hexadecimális, RGB, HSL színkód kereső) <<
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. <<
