Como Definir O Fundo Em Html

Índice:

Como Definir O Fundo Em Html
Como Definir O Fundo Em Html

Vídeo: Como Definir O Fundo Em Html

Vídeo: Como Definir O Fundo Em Html
Vídeo: Como Colocar Imagem de Fundo no HTML com CSS (AULÃO COMPLETO) 2024, Abril
Anonim

A linguagem de marcação de hipertexto mais comum hoje é o HTML. Além de uma ampla gama de ferramentas para determinar a estrutura de um documento, ele tem a capacidade de alterar sua apresentação visual. Por exemplo, você pode definir o plano de fundo de um documento de hipertexto e seus elementos de diferentes maneiras.

Como definir o fundo em html
Como definir o fundo em html

É necessário

a capacidade de editar um documento HTML

Instruções

Passo 1

Para definir a cor de fundo de todo o documento, tabelas, bem como suas linhas, células de cabeçalho e células de conteúdo em HTML, use o atributo bgcolor dos elementos BODY, TABLE, TR, TH, TD, respectivamente. Este atributo aceita um valor que codifica a cor do espaço SRGB, expresso como um número hexadecimal precedido por um hash ou mnemônico simbólico. Por exemplo:

Passo 2

Use o atributo background do elemento BODY para definir a imagem que será o fundo de todo o documento: De acordo com o princípio de separação da estrutura e dos mecanismos para determinar a apresentação visual de documentos em hipertexto, é recomendado o uso de folhas de estilo dos atributos dos elementos HTML (conforme descrito nas etapas 1 e 2) …

etapa 3

Defina a cor de fundo de qualquer elemento usando a propriedade CSS background-color. Use o atributo style para definir informações de estilo embutidas para um elemento ou adicione conjuntos de regras com seletores apropriados às folhas de estilo: fundo verde BODY {background-color: # 00FF00; }

Passo 4

Defina a imagem de fundo de qualquer elemento ou grupo de elementos usando a propriedade imagem de fundo CSS. Seu valor deve ser um URI que identifica o recurso associado. Por exemplo: BODY background-image {background-image: url ("myimage.gif")}

Etapa 5

Defina regras adicionais para a exibição de imagens de fundo de elementos do documento. Use as propriedades CSS de repetição de fundo, anexo de fundo e posição de fundo. A primeira define as opções de tiling, a segunda define o encaixe em relação ao documento ou janela de visualização e a terceira define o deslocamento ou alinhamento inicial em relação aos limites do contêiner. Verifique a especificação CSS2 em w3c.org para obter os valores possíveis para essas propriedades.

Recomendado: