Como adicionar um fundo a um site
O fundo é um dos elementos mais cruciais de um site. Um bom fundo cria o tom para o site e complementa o conteúdo. Existem muitas maneiras diferentes de adicionar um fundo, cada maneira com um propósito diferente. Alguns métodos permitem que você aplique o plano de fundo a todas as páginas em um site, enquanto outros limitam o plano de fundo para apenas uma determinada página. Este artigo ensina como adicionar um pano de fundo ao seu site usando HTML ou CSS.
Passos
Método 1 de 2:
Métodos HTMLFundo colorido sólido
1. Um fundo colorido sólido é o tipo mais básico de fundo que você pode colocar em um site. Na verdade, todo site começa com um fundo branco padrão. No entanto, enquanto um fundo branco pode ser muito elegante e limpo quando usado com um esquema de cores harmonioso, um fundo colorido diferente pode ser favorecido com temas diferentes.

2. Abra seu código da Web (fonte).

3. Na tag do corpo, adicione um atributo chamado BGColor. Agora, você etiqueta de corpo deve ficar assim-
onde colorado é o nome da cor. ColorName pode ser preenchido com muitos tipos de representantes de cores-
onde colorado é o nome da cor. ColorName pode ser preenchido com muitos tipos de representantes de cores-

4. Experimentando com RGB e # pode levar a muitos tons, mas você pode assumir a primeira maneira fácil. Mas lembre-se que digitando uma cor incomum como "Ultramarine verde azulado" resultará em branco.
Adicionando uma imagem de fundo
- Adicionando uma imagem de fundo é um pouco mais complicado do que um fundo colorido sólido.
- 1. Adicione a propriedade de fundo à tag do corpo, então parece-
onde o SRC é a fonte da imagem SRC pode estar na mesma pasta, ou outra pasta / página da Web. - (na mesma pasta)
- (dentro de uma pasta diferente)
- (em uma página diferente)
- 2. Lembre-se de digitar o .jpg / .jpeg /.Extensão BMP.
Método 2 de 2:
Métodos CSS
Fundo colorido sólido
- 1. Para adicionar um fundo colorido sólido no CSS, adicione um atributo de estilo. Você também pode darIDs e classes e usar as estilos externos e internos.
- 2. Sua etiqueta do corpo deve ficar assim-
Onde o colorado, o nome da cor, o valor hexal ou o RGB (lembre-se também das últimas etapas do fundo colorido sólido em HTML, são aplicáveis aqui também) .
Adicionando uma imagem
- 1. Para adicionar uma imagem, adicione o atributo de estilo à tag do corpo. Você também pode dar IDs e classes e usar as estilos externos e internos.
- 2. Sua etiqueta do corpo deve parecer agora-
- 3. Lembre-se que o SRC é a fonte. Pode ser da mesma pasta, pasta diferente ou uma página da web diferente.
- (na mesma pasta)
- (dentro de uma pasta diferente)
- (em uma página da Web diferente).
- 4. Lembre-se de adicionar o .extensões também.
Repetindo o fundo modelado
- 1. Para fazer um teste padrão repetido, adicione um fundo como dito nas etapas acima. Sua etiqueta do corpo deve ser alterada agora para-
Onde as configurações de repetição são as configurações. Pode haver muitas configurações de repetição, como- - (O fundo irá repetir verticalmente e horizontalmente.)
- (O fundo vai repetir horizontalmente.)
- (O fundo vai repetir verticalmente.)
Fundo de imagem fixa
- 1. Fundos fixos da imagem parecem legais e não mudam à medida que você rola para baixo. Para fazê-las você só precisa fazer alguns ajustes simples para o código na seção acima. Faça os ajustes para fazer a tag do corpo parecer com isso-
Onde o SRC é a fonte da imagem de fundo, a posição é a posição da imagem (ela pode variar do centro a direita) - o anexo de fundo é o principal "catalisador"deste tipo de fundo. É usado para contar a posição do fundo e é recomendado que não seja alterado.
Pontas
Leia o artigo inteiro: A seção deixada de fora pode ter algumas dicas importantes (conforme as seções deste artigo estão em referência entre si e escrita assumindo que as seções são todas lidas).
Avisos
Ambos os métodos HTML são depreciados e podem não funcionar em HTML 4.01 estrito, bem como xhtml rigoroso.
Compartilhe na rede social: