Como forçar um rodapé para ficar em segundo plano usando CSS

Passo 1

Abra qualquer documento HTML usando o bloco de notas ou o editor de HTML.

Passo 2

Adicione o seguinte elemento div à seção "body" da página:

Este texto vai dentro do rodapé

Este div contém um texto de rodapé de amostra e uma referência a uma classe CSS chamada "bottom".

Passo 3

Cole o código mostrado abaixo na seção "head" do documento:

.bottom {posição: absoluto; texto-alinhar: centro; largura: 100%; fundo: 0px; largura: 100%; }

Esta classe CSS - referenciada pela divisão da div para flutuar no fundo da página web. A propriedade bottom, definida como "0px" neste exemplo, mantém a div em segundo plano.

Passo 4

Salve seu documento e observe-o em seu navegador para confirmar que o rodapé aparece na parte inferior de sua página da web.