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

window.open javascript

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.

dhl betyder vad

 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;