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.

CSS alapok (A CSS alapjainak összefoglalója) című cikk nyitóképe

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:

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. <<

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