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

CSS háttérszín beállítása (CSS background-color)

A CSS background-color tulajdonságával van lehetőségünk arra, hogy különböző HTML elemek számára háttérszínt állítsunk be. A színmegadás csak úgy mint a korábbiakban többféleképpen is történhet.

Ezt a hat különböző színmegadási módot különböztetjük meg:

Ezekről a módszerekről már rengetegszer volt szó, így engedjétek meg, hogy most kihagyjam az ismertetést, de itt olvashatsz róluk bővebben vagy akár rá is kattinthatsz a felsorolásban valamelyik nevére.

Szóval a fenti módszerek mindegyike alkalmas arra, hogy leírjon egy adott színt. Bármelyik színmegadási módszert használhatjuk a background-color értékeként.

>> HTML-színkód generátor (Hexadecimális, RGB, HSL színkód kereső) <<

Background-color szintaktikája

A szintaxis nagyon egyszerű: először meg kell adnunk, hogy melyik elemre szeretnénk érvényesítni a formázásunkat. Majd meg kell adnunk a „background-color” tulajdonságot, majd következik a szín megadása.

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

A színezendő elem szinte bármi lehet: akár egy p elem, akár egy div, akár az egész body.

Példa háttérszín beállítására

CSS kód

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