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.

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.

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.

Szintaktika

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

<!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)

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!