Como Definir A Cor De Fundo

Índice:

Como Definir A Cor De Fundo
Como Definir A Cor De Fundo

Vídeo: Como Definir A Cor De Fundo

Vídeo: Como Definir A Cor De Fundo
Vídeo: Como mudar a cor de fundo usando o Photoshop CC 2021 - com dica bônus no final 2024, Abril
Anonim

Normalmente, a cor de fundo de uma página da web é definida usando Cascading Style Sheets (CSS). Menos comumente, os recursos da linguagem HTML (HyperText Markup Language - "linguagem de marcação de hipertexto") são usados para isso. Às vezes, os elementos de descrição CSS são colocados dentro de tags HTML.

Como definir a cor de fundo
Como definir a cor de fundo

Instruções

Passo 1

Use o atributo bgcolor da tag body se quiser tornar o mais fácil possível a especificação da cor do plano de fundo e minimizar as alterações em seu código-fonte. As descrições de todos os elementos da página são colocadas na origem da página dentro de um bloco de código HTML que começa com uma tag e termina com uma tag. O atributo bgcolor é especificado na tag de abertura e contém o valor da cor nomeada (por exemplo, Vermelho ou Chocolate) ou seu código de cor hexadecimal correspondente (# FF0000 ou # D2691E, respectivamente). Em sua forma mais simples, tal tag pode ser escrita, por exemplo, assim: Ou assim: Ambas as opções definem a mesma cor vermelha para o fundo do documento.

Passo 2

Use a propriedade background-color se quiser definir a cor de fundo de um documento usando uma linguagem de descrição de estilo - este método é muito mais comum. Os blocos de descrição de estilo podem ser incluídos no código-fonte do documento ou escritos em um arquivo separado com a extensão css. Um link para um arquivo externo é colocado na parte do título da página (entre as tags e) e se parece com isto: @import "style.css"; Se não houver necessidade de mover as instruções CSS para um arquivo adicional, então @import "style.css"; deve ser substituído, por exemplo, pelo seguinte teste: body {background-color: Red;} Aqui body indica que a instrução entre chaves que define a cor de fundo vermelha se refere à mesma tag de corpo HTML. E aqui existem vários sistemas para determinar os tons de cores, mas os códigos hexadecimais são usados com mais frequência: corpo {cor de fundo: # FF0000;}

etapa 3

Substitua a propriedade background-color por background para descrever concisamente uma estrutura de fundo mais complexa. Por exemplo, se, além do fundo de uma determinada cor, uma imagem deve ser colocada no verso do documento. Essa descrição pode ter a seguinte aparência: body {background: Red url (img / BGimage.gif) no-repeat;}

Passo 4

Com base na opção escolhida, prepare o código que define a cor de fundo do documento e cole-o no código-fonte da página. Isso pode ser feito, por exemplo, utilizando o editor online das páginas do sistema de gerenciamento de conteúdo ou em qualquer editor de texto.

Recomendado: