Adicionando um fundo para um site

2 métodos:

s HTMLCSS

O fundo é um dos elementos mais importantes de um site. Um bom fundo cria o tom para o site e complementa o conteúdo. Há muitas maneiras de adicionar fundo, cada um com uma finalidade diferente. Alguns métodos permitem que você aplique o plano de fundo em todas as páginas, outros limitam o fundo só determinada página. Este artigo irá ensiná-lo a colocar um fundo em seu site usando HTML ou CSS.

método 1
s HTML

cor de fundo

1
A cor de fundo é o tipo mais básico de fundo que você pode colocar em um site. Na verdade, cada website começa com cor de fundo branco. No entanto, enquanto a cor branca pode fazer a sua página uma boa aparência usando um esquema de cores harmoniosas, diferentes cores de fundo podem favorecer diferentes temas.
  • 2
    Abra o seu código web.
  • 3
    Na tag BODY, adicione o atributo chamado bgcolor. Agora, o seu corpo tag deve olhar ASI-

    onde colorname é o nome da cor. Colorname pode ser enchido de diferentes maneiras.
  • (Nome da cor).
  • (Valor HEX).
  • (Valor RGB).
  • 4
    Experiências com RGB e # você pode tomar para obter muitos tons, mas você pode usar a opção mais fácil. Mas lembre-se, se você digitar uma cor que não existe como "Azulada verde Ultramarine" resultará em branco.
  • Adicionar uma imagem de fundo

    • Adicionar uma imagem é um pouco mais complicado do que um fundo colorido.
    1. 1
      Adiciona a propriedade de fundo para a marca BODY, por isso parece ASI-

      onde SRC é a fonte da imagem.
      SCR pode ser na mesma pasta, ou de outra página da pasta / web.
    2. (Na mesma pasta).
    3. (Em uma pasta diferente).
    4. (Em um site diferente).


    5. 2
      Lembre-se de digitar a extensão .jpg / .jpeg /.jpg.
    método 2
    CSS

    cor de fundo

    1
    Para adicionar uma única cor como pano de fundo em CSS, adicionar um atributo de estilo. Você também pode dar Identificações e agrupamentos de elementos, e usar ambas as folhas de estilo (externos e internos).


  • 2
    Sua marca BODY deve olhar ASI-

  • onde colorname é o nome da cor, o HEX ou o valor RGB (também lembra os últimos passos no fundo de cor em HTML, também se aplicam aqui).
  • Adicionar uma imagem

    1. 1
      Para adicionar uma imagem, adicione o atributo de estilo para a marca BODY. Você também pode dar Identificações e agrupamentos de elementos, e usar ambas as folhas de estilo (externos e internos).
    2. 2
      tag BODY deve olhar ASI-



    3. 3
      Lembre-se que SCR é a fonte. Pode ser da mesma pasta, pasta diferente ou site diferente.
    4. (Na mesma pasta).
    5. (Em uma pasta diferente).
    6. (Em um site diferente).
    7. 4
      Lembre-se de adicionar extensões também.

    imagem padrão repetitivo

    1. 1
      Para ter um padrão de repetição como um fundo, o fundo como mencionado nas etapas anteriores. O "corpo" rótulo deve olhar ASI-
      Repeat-contextos onde estão as configurações. Pode haver muitas configurações de repetição, como-
    2. (A imagem de fundo é repetida verticalmente e horizontalmente).
    3. (A imagem de fundo é repetida horizontalmente).
    4. (A imagem de fundo é repetida verticalmente).

    fundo de imagem fixa

    1. 1
      O fundo da imagem ainda parece ser bom e não muda o modo de rolagem para baixo. Para fazer isso você só precisa fixo movê-lo um pouco de código na seção anterior. As seguintes alterações para torná-la ASI-

    2. onde SRC é a fonte da imagem de fundo, posição é a posição da imagem (pode ser o centro, direita, etc.) - background-attachment é o principal "catalisador" para este tipo de fundo. Ele é usado para informar a posição do fundo e é recomendado para não mudar.

    dicas

    • Leia o artigo: leia a seção não pode ter dicas importantes (como essas seções do artigo fazer uma referência para os outros e são escritos assumindo que todas as seções serão lidos).

    avisos

    • Ambos os métodos são depreciados HTML, e pode não funcionar em HTML 4.01 Strict e XHTML Strict.
    Artigos Relacionados