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 HTML

Fundo colorido sólido

  1. Adicionar um plano de fundo a um site Passo 1
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.
  • Adicionar um plano de fundo a um site Etapa 2
    2. Abra seu código da Web (fonte).
  • Adicionar um fundo para um site Passo 3
    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-
  • (nome da cor)
  • (valor hexadecimal)
  • (Valor RGB)
  • Adicionar um fundo para um site Passo 4
    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. Adicionar um plano de fundo a um site Passo 5
      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.
    2. (na mesma pasta)
    3. (dentro de uma pasta diferente)
    4. (em uma página diferente)
    5. Adicionar um plano de fundo a um site Passo 6
      2. Lembre-se de digitar o .jpg / .jpeg /.Extensão BMP.
    Método 2 de 2:
    Métodos CSS
    Adicionar um plano de fundo a um site Passo 6

    Fundo colorido sólido

    1. Adicionar um plano de fundo a um site Passo 7
      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. Adicionar um plano de fundo a um site Etapa 8
      2. Sua etiqueta do corpo deve ficar assim-



    3. 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. Adicionar um plano de fundo a um site Passo 9
      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. Adicionar um plano de fundo a um site Passo 10
      2. Sua etiqueta do corpo deve parecer agora-
    3. Adicionar um plano de fundo a um site Etapa 11
      3. Lembre-se que o SRC é a fonte. Pode ser da mesma pasta, pasta diferente ou uma página da web diferente.
    4. (na mesma pasta)
    5. (dentro de uma pasta diferente)
    6. (em uma página da Web diferente).
    7. Adicionar um plano de fundo a um site Etapa 12
      4. Lembre-se de adicionar o .extensões também.

    Repetindo o fundo modelado

    1. Adicionar um plano de fundo a um site Etapa 13
      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-
    2. (O fundo irá repetir verticalmente e horizontalmente.)
    3. (O fundo vai repetir horizontalmente.)
    4. (O fundo vai repetir verticalmente.)

    Fundo de imagem fixa

    1. Adicionar um plano de fundo a um site Passo 14
      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-

    2. 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:
    Semelhante