CSS: Background - Preenchendo o fundo de um elemento

Existem diversas formas de destacar um elemento HTML na página, uma delas é alterando o background. Nessa aula vamos ver o que é background e qual é a sua importância na estilização de elementos HTML.

Para preencher o fundo de um elemento HTML com uma cor, utilizamos a propriedade background-color. Você já aprendeu essa propriedade, porém nesta aula vamos relembrar a sintaxe usada para alterar a cor de fundo de um elemento.

Já sabemos que além de preencher o elemento com uma cor também podemos inserir uma imagem de fundo. Nesta aula vamos ver como isso é feito através da propriedade background-image.

Ao preencher o fundo de um elemento com uma imagem, podemos fazer alguns ajustes nela como, por exemplo, fazer com que ela fique centralizada no elemento, preencha todo espaço disponível dentre outros. Aprenda nesta aula como isso é feito.

Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer um exemplo prático que utiliza as propriedades de background para inserir uma imagem no fundo de um elemento.

Nesta aula vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Lembrando que esta página utiliza as propriedades background-image, background-attachment, background-repeat e background-size.