Właściwość tła CSS służy do definiowania efektów tła na elemencie. Istnieje 5 właściwości tła CSS, które wpływają na elementy HTML:

1. kolor tła
2. zdjęcie w tle
3. powtarzanie tła
4. załącznik w tle
5. pozycja tła

1) Kolor tła CSS

Właściwość tła-koloru służy do określenia koloru tła elementu.

Kolor tła możesz ustawić w następujący sposób:

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

Wyjście:

Moja pierwsza strona CSS.

Witaj Javatpoint. To jest przykład koloru tła CSS.

2) Obraz tła CSS

Właściwość tła-image służy do ustawiania obrazu jako tła elementu. Domyślnie obraz obejmuje cały element. Możesz ustawić obraz tła dla takiej strony.

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

4) Załącznik w tle CSS

Właściwość tła-załącznik służy do określenia, czy obraz tła ma być stały, czy też przewijany wraz z resztą strony w oknie przeglądarki. Jeśli ustawisz stały obraz tła, obraz nie będzie się przesuwał podczas przewijania w przeglądarce. Weźmy przykład ze stałym obrazem tła.

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

5) Pozycja tła CSS

Właściwość tła-pozycji służy do definiowania początkowej pozycji obrazu tła. Domyślnie obraz tła jest umieszczany w lewym górnym rogu strony.

Możesz ustawić następujące pozycje:

1. Centrum
2. szczyt
3. spód
4. lewy
5. Prawidłowy

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