Adicionando um fundo para um site
2 métodos:
Conteúdo
- Cor de fundo
- Adicionar uma imagem de fundo
- Cor de fundo
- Adicionar uma imagem
- Imagem padrão repetitivo
- Fundo de imagem fixa
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 HTMLcor 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.
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.
- 1Adiciona 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. (Na mesma pasta).
(Em uma pasta diferente).
(Em um site diferente).
2Lembre-se de digitar a extensão .jpg / .jpeg /.jpg.
método 2
CSScor 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
- 1Para 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).
- 2tag BODY deve olhar ASI-
3Lembre-se que SCR é a fonte. Pode ser da mesma pasta, pasta diferente ou site diferente.(Na mesma pasta).
(Em uma pasta diferente).
(Em um site diferente).
- 4Lembre-se de adicionar extensões também.
imagem padrão repetitivo
- 1Para 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-
(A imagem de fundo é repetida verticalmente e horizontalmente).
(A imagem de fundo é repetida horizontalmente).
(A imagem de fundo é repetida verticalmente).
fundo de imagem fixa
- 1O 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-
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.