Como fazer um fundo em html

Como fazer um fundo em html

Na configuração de qualquer site, além da funcionalidade, o design é muito importante. É assim que o próprio estilo e design de uma empresa ou pessoa, para os quais o site é criado. Personalize a cor de fundo e sua imagem não será trabalhista, seguindo as instruções neste artigo.

1
Abra seu arquivo HTML por notebook ou qualquer outro editor de texto para o qual você esteja acostumado.

2
Por exemplo, faça uma página do site primitivo com um mínimo de texto. Você pode abrir seu arquivo usando qualquer navegador.

3
Para começar, mude a cor do seu plano de fundo, pois as pessoas com conexões lentas da Internet não serão imediatamente capazes de ver a imagem de fundo do site. Uma certa quantidade de tempo até que a imagem seja carregada, eles só podem ver a cor do seu site.
Digite o \u003cBody\u003e Tag \u003cBody\u003e Parameter BGCOLOR \u003d "*****", onde ***** é uma cifra de cor. Você pode aprender cores para HTML em qualquer editor gráfico, selecionando a opção "for Veb" ou no site https:/colorscheme.ru/color-names.

4
É o suficiente para você escolher uma cor na paleta do círculo e atribuir sua intensidade dentro da estrutura do quadrado. À direita, você verá dois códigos para HTML. Copie-os e insira-os no notebook.

5
Encontrando a cor e inseri-lo no código, veja se você fez tudo certo, visualizando a página da Web resultante do navegador.

6
Agora você pode prosseguir para a inserção da imagem de fundo. Coloque a imagem desejada na pasta de código para maior conveniência. Pergunte a ele a nome letras latinas.

7
Agora descubra a localização do arquivo clicando nele com o botão direito do mouse selecionando a string "Abrir usando" e clicando em qualquer navegador instalado no seu computador.

8
Copie o endereço da barra de pesquisa do navegador.

9
Agora, na tag \u003cbody\u003e, insira a string:

  • estilo \u003d "Background-Image: URL ('arquivo: /// c: /ussers/pail_file.jpg')"

10
Salve seu arquivo.

11
Verifique sua página da web. Você verá que o fundo é substituído sob o seu texto.

Observe que os usuários que têm uma resolução de tela maior, sua imagem será duplicada e para a direita. Não ficará bem, se a foto não é monofônica. Para corrigir esse parâmetro, há comandos especiais.

  • fundo de repetição.: “Significado". Suas opções de valor podem ser: " repetir-x " - Repete sua imagem de fundo e horizontalmente e verticalmente. " repetir-y " - Repetição apenas verticalmente. " não repetir " - A imagem é congelada no lugar e não repetida. " espaço " - A página inteira será preenchida com o número máximo de cópias da imagem, o extremo se gabará. " arredondar " - a mesma opção, mas nas bordas da imagem será cuidadosamente escalada;
  • anexo de fundo: "valor". Se substituirmos em vez da palavra teg significado " rolagem"A imagem irá rolar junto com o site. " fixo"- Ao rolar o fundo permanece inalterado;
  • fundo de tamanho: valor valor2. Aqui os valores devem assumir o valor em pixels. Por exemplo: 100px 200px. Além dos pixels, os valores são aceitos em porcentagem. Este é o parâmetro para preencher a página da imagem. Além dos números, você pode inserir dois parâmetros: " conter"- Preencha a página com a imagem ao longo do lado longo e" cobrir."- Preencha a página com uma imagem de largura.

Sabendo que os fundamentos de preencher o plano de fundo da página em HTML estão prontos para criar seu primeiro site.

Adicione um comentário

O seu email não será publicado. Campos obrigatórios são marcados *

fechar