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.

Mi az a HTML? A HTML bemutatása című cikk és a HTML szerkesztő programok nyitóképe

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.

background-color attribútum

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.

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