CSS-bakgrunnsegenskapen brukes til å definere bakgrunnseffektene på elementet. Det er 5 CSS-bakgrunnsegenskaper som påvirker HTML-elementene:

1. bakgrunnsfarge
2. bakgrunnsbilde
3. bakgrunnsgjenta
4. bakgrunnsvedlegg
5. bakgrunnsposisjon

1) CSS bakgrunnsfarge

Egenskapen bakgrunnsfarge brukes til å spesifisere bakgrunnsfargen til elementet.

Du kan stille inn bakgrunnsfargen slik:

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

Produksjon:

Min første CSS-side.

Hei Javatpoint. Dette er et eksempel på CSS bakgrunnsfarge.

2) CSS bakgrunnsbilde

Egenskapen bakgrunnsbilde brukes til å angi et bilde som bakgrunn for et element. Som standard dekker bildet hele elementet. Du kan angi bakgrunnsbildet for en side som denne.

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

4) CSS bakgrunnsvedlegg

Egenskapen for bakgrunnsvedlegg brukes til å spesifisere om bakgrunnsbildet er fikset eller bla med resten av siden i nettleservinduet. Hvis du setter fast bakgrunnsbildet, vil ikke bildet bevege seg under rulling i nettleseren. La oss ta et eksempel med fast bakgrunnsbilde.

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

5) CSS bakgrunnsposisjon

Egenskapen bakgrunnsposisjon brukes til å definere startposisjonen til bakgrunnsbildet. Som standard er bakgrunnsbildet plassert øverst til venstre på nettsiden.

Du kan angi følgende posisjoner:

1. senter
2. topp
3. bunn
4. venstre
5. Ikke sant

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