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;">

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>

Eredmény

Ennek a szövegnek a háttere piros.

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