La propietat de fons CSS s'utilitza per definir els efectes de fons de l'element. Hi ha 5 propietats de fons CSS que afecten els elements HTML:

1. color de fons
2. imatge de fons
3. fons-repetició
4. adjunt de fons
5. posició de fons

mylivecricket.

1) Color de fons CSS

La propietat background-color s'utilitza per especificar el color de fons de l'element.

Podeu definir el color de fons així:

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

Sortida:

mapa mecanografiat

La meva primera pàgina CSS.

Hola Javatpoint. Aquest és un exemple de color de fons CSS.

2) Imatge de fons CSS

La propietat background-image s'utilitza per establir una imatge com a fons d'un element. Per defecte, la imatge cobreix tot l'element. Podeu configurar la imatge de fons per a una pàgina com aquesta.

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

4) Adjunt de fons CSS

La propietat background-attachment s'utilitza per especificar si la imatge de fons és fixa o desplaçar-se amb la resta de la pàgina a la finestra del navegador. Si fixeu la imatge de fons, la imatge no es mourà durant el desplaçament al navegador. Prenguem un exemple amb una imatge de fons fixa.

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

5) posició de fons CSS

La propietat background-position s'utilitza per definir la posició inicial de la imatge de fons. Per defecte, la imatge de fons es col·loca a la part superior esquerra de la pàgina web.

var global en js

Podeu establir les posicions següents:

1. centre
2. superior
3. inferior
4. esquerra
5. dret

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