Tło

CSS pozwala na definiowanie wyglądu strony internetowej, w tym także tła. Można ustawić tło dla całej strony lub dla poszczególnych elementów na stronie, takich jak nagłówki, sekcje i paragrafy.

background-color ustawia kolor tła

										
body {

  background-color: lightblue;

}

background-image ustawia obraz tła

										
body {

  background-image: url(bg-image.jpg);

}

background-position ustawia pozycję obrazu tła

										
body {

  background-image: url(bg-image.jpg);

  background-position: center;

}

background-size ustawia rozmiar obrazu tła

										
body {

  background-image: url(bg-image.jpg);

  background-size: cover;

}

Krycie I Przejrzystość Tła

background-clip Krycie tła

										
body {

  background-color: lightblue;

  background-clip: border-box;

}

opacity Przezroczystość tła

										
body {

  background-color: lightblue;

  opacity: 0.8;

}

Notatka

Należy pamiętać, że przezroczystość tła dotyczy tylko koloru tła, a nie obrazu tła. Aby ustawić przezroczystość obrazu tła, należy go najpierw umieścić w osobnym elemencie HTML i ustawić mu przezroczystość.