CSS svojstvo pozadine koristi se za definiranje pozadinskih efekata na elementu. Postoji 5 svojstava CSS pozadine koja utječu na HTML elemente:

1. boja pozadine
2. pozadinska slika
3. pozadinsko ponavljanje
4. pozadina-prilog
5. pozadina-položaj

1) CSS boja pozadine

Svojstvo background-color koristi se za određivanje boje pozadine elementa.

preuzimanje videa s youtube vlc

Boju pozadine možete postaviti ovako:

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

Izlaz:

Moja prva CSS stranica.

Pozdrav Javatpoint. Ovo je primjer CSS boje pozadine.

pretvaranje niza u int

2) CSS pozadinska slika

Svojstvo background-image koristi se za postavljanje slike kao pozadine elementa. Prema zadanim postavkama slika pokriva cijeli element. Možete postaviti pozadinsku sliku za stranicu poput ove.

pretvori str u int

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

4) CSS pozadinski prilog

Svojstvo background-attachment koristi se za određivanje je li pozadinska slika fiksna ili se pomiče s ostatkom stranice u prozoru preglednika. Ako postavite fiksnu pozadinsku sliku, slika se neće pomicati tijekom listanja u pregledniku. Uzmimo primjer s fiksnom pozadinskom slikom.

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

5) CSS položaj pozadine

Svojstvo background-position koristi se za definiranje početnog položaja pozadinske slike. Prema zadanim postavkama, pozadinska slika postavljena je u gornjem lijevom kutu web stranice.

Možete postaviti sljedeće položaje:

1. centar
2. vrh
3. dno
4. lijevo
5. pravo

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