Como Definir O Fundo

Índice:

Como Definir O Fundo
Como Definir O Fundo

Vídeo: Como Definir O Fundo

Vídeo: Como Definir O Fundo
Vídeo: Como deixar o Fundo Transparente no Photoshop 2024, Novembro
Anonim

Para embelezar o seu site na Internet, você pode fazer alterações em seu design. Alterar o design implica em qualquer ação, desde alterar o plano de fundo da página principal até redesenhar completamente o modelo do site. Se você decidir alterar o plano de fundo do seu site, as instruções a seguir o ajudarão a resolver esse problema.

Como definir o fundo
Como definir o fundo

Necessário

Editando o arquivo css

Instruções

Passo 1

Na maior parte, o código de design do site está localizado no arquivo style.css. Mas cada template pode ser diferente do anterior, então o código do design pode estar localizado em um arquivo diferente, mas também com a extensão css. Para definir a cor de fundo do seu site, você deve inserir ou substituir o valor existente pela seguinte expressão: / * fundo branco * / corpo {

background-color: #FFFFFF;} / * fundo do título branco, cor da fonte preta * / h1 {

cor: # 000000;

cor de fundo: #FFFFFF;

}

Passo 2

Para inserir qualquer imagem como plano de fundo em seu site, você deve inserir ou substituir o valor existente pela seguinte expressão: body {

cor de fundo: # 000000;

imagem de fundo: url ("Image-1.jpg");

}

Ressalta-se que neste caso é necessário fornecer um link para o arquivo de imagem, que ficará localizado na mesma pasta do arquivo css.

etapa 3

Se você deseja colocar uma pequena imagem lado a lado ou uma imagem pequena, use o comando de repetição de fundo. Para usar este comando corretamente, existem vários refinamentos para ele:

background-repeat: repeat-x - repetir a imagem ao longo do eixo x;

background-repeat: repeat-y - repetir a imagem ao longo do eixo y;

background-repeat: repeat - repetir uma imagem ao longo de dois eixos ao mesmo tempo;

background-repeat: no-repeat - a imagem não é repetida;

anexo de fundo: rolar - rolar a imagem junto com a página;

anexo de fundo: fixo - a imagem não é rolada.

Usando a sintaxe deste comando, você pode mostrar como ele funciona em exemplos:

posição de fundo: 30px 40px - A imagem tem 30 pixels de cima para baixo e 40 pixels da esquerda para a direita.

background-position: 60% 35% - o preenchimento esquerdo é 60% e o preenchimento superior é 25%.

Recomendado: