A CSS <background> tulajdonságai lehetővé teszik a színek, képek és gradiensek beállítását az elemek hátterében. Segítségével egyszerű keretektől egészen komplex vizuális effektekig sokféle megoldást alkalmazhatunk.
A legegyszerűbb háttér a <background-color> használatával adható meg. Bármilyen színt használhatunk HEX, RGB, HSL vagy név szerinti formátumban.
Az alábbi példában világoskék háttérszínt adunk egy <div> elemnek:
A <background-image> segítségével képet állíthatunk be, míg a <background> rövidített szintaxissal akár gradienseket is megadhatunk. A képek ismétlése és méretezése is szabályozható.
A <background-repeat>, <background-size> és <background-position> tulajdonságok segítségével pontosan meghatározhatjuk, hogyan jelenjen meg a háttérkép. Például a cover méret kitölti a teljes elemet, míg a contain megtartja az arányokat.
A CSS-ben egyszerre több háttérréteget is beállíthatunk. Például kombinálhatunk képeket és gradienseket egyetlen background deklarációban.
A background-attachment tulajdonsággal szabályozhatjuk, hogy a háttér fixen maradjon a viewportban (parallax hatás), vagy együtt mozogjon a tartalommal.
A background tulajdonság rövidített szintaxissal egy sorban adhatjuk meg a színt, képet, pozíciót, méretet, ismétlést és attachment értékeket.
A háttér tulajdonságokat számos kreatív módon kombinálhatjuk. Íme néhány hasznos tipp:
Please sign in to ask Lara about CSS background.
Nyelv kiválasztása
Téma beállítása
© 2025 ReadyTools. Minden jog fenntartva.