CSS baggrundsegenskab bruges til at definere baggrundseffekterne på elementet. Der er 5 CSS-baggrundsegenskaber, der påvirker HTML-elementerne:

1. baggrundsfarve
2. baggrundsbillede
3. baggrund-gentag
4. baggrundsvedhæftning
5. baggrundsposition

1) CSS baggrundsfarve

Egenskaben baggrundsfarve bruges til at angive elementets baggrundsfarve.

Du kan indstille baggrundsfarven sådan:

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

Produktion:

Min første CSS-side.

Hej Javatpoint. Dette er et eksempel på CSS baggrundsfarve.

2) CSS baggrundsbillede

Egenskaben baggrundsbillede bruges til at indstille et billede som baggrund for et element. Som standard dækker billedet hele elementet. Du kan indstille baggrundsbilledet for en side som denne.

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

4) CSS-baggrundsvedhæftning

Egenskaben background-attachment bruges til at angive, om baggrundsbilledet er fast eller scroll med resten af ​​siden i browservinduet. Hvis du sætter fast baggrundsbilledet, vil billedet ikke bevæge sig under scrollning i browseren. Lad os tage et eksempel med fast baggrundsbillede.

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

5) CSS baggrundsposition

Egenskaben baggrundsposition bruges til at definere baggrundsbilledets startposition. Som standard er baggrundsbilledet placeret øverst til venstre på websiden.

Du kan indstille følgende positioner:

1. centrum
2. top
3. bund
4. venstre
5. højre

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