Como Colocar Um Plano De Fundo No Site

Índice:

Como Colocar Um Plano De Fundo No Site
Como Colocar Um Plano De Fundo No Site

Vídeo: Como Colocar Um Plano De Fundo No Site

Vídeo: Como Colocar Um Plano De Fundo No Site
Vídeo: 4 - Como Colocar uma Imagem de Fundo no Site 2024, Maio
Anonim

O plano de fundo de trabalho do site pode ser comparado ao papel de parede da área de trabalho do seu sistema operacional. Plano de fundo (plano de fundo), você pode criar em diversas variações, que serão discutidas a seguir.

Como colocar um plano de fundo no site
Como colocar um plano de fundo no site

Necessário

Editando o arquivo style.css

Instruções

Passo 1

Plano de fundo monocromático. O tipo de plano de fundo mais simples, uma grande vantagem é o carregamento mínimo da página usando essa imagem. Se o arquivo de estilo (style.css) não contém comandos que definem a cor de fundo, o navegador sugere branco por padrão. Use o comando background-color para alterar a cor. Um exemplo de uso deste comando: background-color: # 3366CC.

Passo 2

Para selecionar uma cor específica, você pode usar um software especial, por exemplo, o editor gráfico Adobe Photoshop. Se você nunca trabalhou com ele, é recomendável usar serviços web. Um exemplo marcante é o mecanismo de busca "Yandex", acesse o seguinte link https://yandex.ru e digite a frase "cor azul". Uma tabela de cores aparecerá na sua frente, na qual você pode escolher a que desejar, copiar o código e colá-lo no código do site.

etapa 3

Textura de fundo. Além da cor de fundo, você pode adicionar uma imagem ou um padrão (textura) de repetição cíclica a qualquer página do seu site. Para fazer isso, depois de inserir a cor de fundo, escreva o comando background-image, por exemplo, background-image: url (img / uzor.png). O caminho para o arquivo deve ser especificado entre colchetes. É importante notar que a resolução da textura pode começar nas menores (16x16) e terminar com imagens em tamanho real para o tamanho das páginas do site (800x600 e mais).

Passo 4

Plano de fundo usando um gradiente. Neste caso, você está usando a cor de fundo que foi definida com o comando background-color, mas criando um gradiente. O gradiente pode ser horizontal (x) e vertical (y). Na maioria das vezes, uma posição horizontal é usada como gradiente de fundo, então a linha com o gradiente será parecida com esta: background-repeat: repeat-x.

Recomendado: