Colocar uma imagem de plano de fundo em um site é uma questão de cinco minutos. Muito mais tempo é gasto na preparação da imagem - seleção, ajuste, adição de efeitos, composição de várias ilustrações em um arquivo gráfico.
Instruções
Passo 1
O atributo background é responsável por gerenciar o background. Para preencher uniformemente a página com uma única cor, use a tag de estilo em body:. O fundo será preto. Se estiver usando CSS, coloque em sua cabeça: body {background-color: # 000000;}
Passo 2
Com a ajuda de um link, uma imagem repetida é definida. O endereço é especificado como um link externo ou interno. Ao usar este método, é importante que as costuras entre as imagens permaneçam invisíveis, caso contrário, a página ficará desleixada. Em CSS, use: body {background-color: # 000000; background-image: url (images / pattern.png);}.
etapa 3
A repetição do padrão pode ser controlada. Background-repeat é responsável por esta função junto com os seguintes elementos: - repeat-x - repetição horizontal; - repeat-y - repetição vertical: - repeat - repetição em ambas as direções; - no-repeat - sem repetição. este: corpo {cor de fundo: # 000000; imagem de fundo: url ("butterfly.gif"); repetição de fundo: sem repetição; }
Passo 4
A posição de fundo ajuda a posicionar a imagem na parte desejada da página da web. As coordenadas podem ser definidas usando porcentagem (50% 75%), centímetros (5cm 5cm), aspecto de pixel (200px 400px), forma de palavra (esquerda, direita, superior, centro, inferior). Por exemplo: body {background-color: # 000000; imagem de fundo: url ("butterfly.gif"); repetição de fundo: sem repetição; anexo de fundo: fixo; posição de fundo: inferior esquerdo; } O valor 0% 0% é igual ao canto superior esquerdo.
Etapa 5
A propriedade background-attachment especifica se as imagens são roladas junto com a página (background-attachment: scroll) ou não (background-attachment: fixo).
