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

Ebből a cikkből megismerkedhetsz a HTML háttérszínek használatával. A background-color segítségével bármilyen HTML elemnek adhatsz háttérszínt.

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

A HTML nyelvben alapértelmezettként mindennek átlátszó háttérszíne van. De könnyedén tudunk beállítani bármilyen háttérszínt, bármilyen HTML elemnek. Háttérszínt állíthatunk be például a body-nak, a div-nek, a p-nek stb.

A HTML háttérszín mérete pontosan akkora lesz, mint az az elem, amire ráraktuk a háttérszín tulajdonságot.

Szintaktika

body {background-color: red;}

VAGY

<body style="background-color:red;">
Code language: HTML, XML (xml)

A szintaktika így néz ki, a body-t és a red-et nyugodtan lecserélhetjük bármi másra. A szín megadásának módja történhet névvel, RGB, HEX vagy HSL kóddal is.

Példa

HTML kód

<p style="background-color:red;">Ennek a szövegnek a háttere piros.</p>
<h4 style="background-color:yellow;">Ennek a szövegnek a háttere sárga.</h4>
Code language: HTML, XML (xml)

Eredmény

Ennek a szövegnek a háttere piros.

Ennek a szövegnek a háttere sárga.

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