Lastnost ozadja CSS se uporablja za definiranje učinkov ozadja na elementu. Obstaja 5 lastnosti ozadja CSS, ki vplivajo na elemente HTML:

ime posebnih znakov

1. Barva ozadja
2. slika ozadja
3. ozadje-ponovitev
4. ozadje-priponka
5. položaj ozadja

1) Barva ozadja CSS

Lastnost barve ozadja se uporablja za določanje barve ozadja elementa.

Barvo ozadja lahko nastavite takole:

neskončna zanka

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

Izhod:

Moja prva CSS stran.

Pozdravljeni Javatpoint. To je primer barve ozadja CSS.

2) Slika ozadja CSS

Lastnost background-image se uporablja za nastavitev slike kot ozadja elementa. Slika privzeto pokriva celoten element. Za takšno stran lahko nastavite sliko ozadja.

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

4) Priponka za ozadje CSS

Lastnost ozadja-priponke se uporablja za določitev, ali je slika ozadja fiksna ali se pomika skupaj s preostankom strani v oknu brskalnika. Če nastavite fiksno sliko za ozadje, se slika med premikanjem v brskalniku ne bo premikala. Vzemimo primer s fiksno sliko ozadja.

za zanko java

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

5) Položaj ozadja CSS

Lastnost položaja ozadja se uporablja za določitev začetnega položaja slike ozadja. Slika ozadja je privzeto nameščena v zgornjem levem kotu spletne strani.

Nastavite lahko naslednje položaje:

1. center
2. vrh
3. dno
4. levo
5. prav

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