CSS-bakgrundsegenskapen används för att definiera bakgrundseffekterna på element. Det finns 5 CSS-bakgrundsegenskaper som påverkar HTML-elementen:

1. bakgrundsfärg
2. bakgrundsbild
3. bakgrund-upprepa
4. bakgrundsbilaga
5. bakgrundsposition

1) CSS bakgrundsfärg

Egenskapen background-color används för att ange bakgrundsfärgen för elementet.

Du kan ställa in bakgrundsfärgen så här:

 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örsta CSS-sida.

Hej Javatpoint. Detta är ett exempel på CSS-bakgrundsfärg.

2) CSS bakgrundsbild

Egenskapen background-image används för att ställa in en bild som bakgrund för ett element. Som standard täcker bilden hela elementet. Du kan ställa in bakgrundsbilden för en sida som denna.

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

4) CSS bakgrundsbilaga

Egenskapen background-attachment används för att ange om bakgrundsbilden är fixerad eller rulla med resten av sidan i webbläsarfönstret. Om du ställer in fixerad bakgrundsbild kommer bilden inte att röra sig under rullning i webbläsaren. Låt oss ta ett exempel med fast bakgrundsbild.

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

5) CSS-bakgrundsposition

Egenskapen background-position används för att definiera bakgrundsbildens initiala position. Som standard placeras bakgrundsbilden uppe till vänster på webbsidan.

Du kan ställa in följande positioner:

1. Centrum
2. topp
3. botten
4. vänster
5. höger

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