A CSS háttértulajdonsága az elem háttérhatásainak meghatározására szolgál. 5 CSS-háttértulajdonság van hatással a HTML-elemekre:

szöveg méretű latex

1. háttérszín
2. háttérkép
3. háttér-ismétlés
4. háttér-melléklet
5. háttér-pozíció

1) CSS háttérszín

A background-color tulajdonság az elem háttérszínének megadására szolgál.

A háttérszínt a következőképpen állíthatja be:

 h2,p{ background-color: #b0d4de; } <h2>My first CSS page.</h2> <p>Hello Javatpoint. This is an example of CSS background-color.</p> 

Kimenet:

Az első CSS oldalam.

Szia Javapoint! Ez egy példa a CSS háttérszínére.

2) CSS háttérkép

A background-image tulajdonsággal egy képet egy elem háttereként állíthatunk be. Alapértelmezés szerint a kép a teljes elemet lefedi. Beállíthatja a háttérképet egy ilyen oldalhoz.

 body { background-image: url('paper1.webp'); margin-left:100px; } 

4) CSS háttér-melléklet

A background-attachment tulajdonság annak meghatározására szolgál, hogy a háttérkép rögzített legyen, vagy görgessen az oldal többi részével a böngészőablakban. Ha rögzíti a háttérképet, akkor a kép nem mozdul el a böngészőben való görgetés közben. Vegyünk egy példát rögzített háttérképpel.

 background: white url('bbb.webp'); background-repeat: no-repeat; background-attachment: fixed; 

5) CSS háttérpozíció

A background-position tulajdonság a háttérkép kezdeti pozíciójának meghatározására szolgál. Alapértelmezés szerint a háttérkép a weboldal bal felső sarkába kerül.

A következő pozíciókat állíthatja be:

1. központ
2. tetejére
3. alsó
4. bal
5. jobb

 background: white url('good-morning.webp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center;