CSS vlastnost background se používá k definování efektů pozadí na element. Existuje 5 vlastností pozadí CSS, které ovlivňují prvky HTML:

1. barva pozadí
2. obrázek na pozadí
3. pozadí-opakování
4. pozadí-příloha
5. pozadí-pozice

10 z 50,00

1) Barva pozadí CSS

Vlastnost background-color se používá k určení barvy pozadí prvku.

Barvu pozadí můžete nastavit takto:

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

Výstup:

Moje první stránka CSS.

Ahoj Javatpoint. Toto je příklad barvy pozadí CSS.

2) CSS obrázek na pozadí

Vlastnost background-image se používá k nastavení obrázku jako pozadí prvku. Ve výchozím nastavení obrázek pokrývá celý prvek. Pro stránku, jako je tato, můžete nastavit obrázek na pozadí.

řetězec na char

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

4) CSS pozadí-příloha

Vlastnost background-attachment se používá k určení, zda je obrázek na pozadí pevný nebo se posouvá se zbytkem stránky v okně prohlížeče. Pokud nastavíte obrázek na pozadí napevno, obrázek se nebude během posouvání v prohlížeči pohybovat. Vezměme si příklad s pevným obrázkem na pozadí.

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

5) CSS background-position

Vlastnost background-position se používá k definování počáteční polohy obrázku na pozadí. Ve výchozím nastavení je obrázek na pozadí umístěn v levé horní části webové stránky.

Můžete nastavit následující polohy:

1. centrum
2. horní
3. dno
4. vlevo, odjet
5. že jo

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