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

Os rodapés que aparecem na parte inferior das páginas geralmente contêm links para seções importantes de uma página da web. O CSS possui uma propriedade chamada “bottom” que permite aos designers de sites colocar objetos em relação à parte inferior da página. Ao definir o valor dessa propriedade como zero, você pode aderir perfeitamente aos pés na parte inferior de qualquer página da Web.

Passo 1

Abra qualquer documento HTML usando o notebook ou o seu editor HTML.

Etapa 2

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

Este texto está dentro do rodapé

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

Etapa 3

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

.bottom {posição: absoluto; alinhamento de texto: centro; largura: 100%; inferior: 0px; largura: 100%; }

Essa classe CSS – referenciada pela div – força a div a flutuar na parte inferior da página da web. A propriedade bottom, definida como “0px” neste exemplo, mantém a div em segundo plano.

Etapa 4

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

Referências

 

Você pode estar interessado:

Deixe um comentário