O fundo colorido do site não só atrai a atenção dos visitantes, mas também transmite o clima do recurso. Os sites com temática espacial criam uma atmosfera de mistério com um fundo na forma de um céu estrelado, os recursos de entretenimento alegram-se com cores ricas em cores quentes, os serviços da web de serviços da cidade mostram sua oficialidade com design austero e fundos em tons de cinza e azul principalmente. Existem várias maneiras de colorir sua própria página da web.
É necessário
- - seu site
- - pelo menos conhecimento básico de HTML
Instruções
Passo 1
Para fazer um fundo de cor sólida, encontre as seguintes tags e no código HTML. Altere a primeira tag assim:
Nesta construção, # FFFF33 é o tom codificado de amarelo.
Passo 2
A cor da página pode ser especificada não apenas com um código, mas também com palavras especiais - os nomes das cores primárias. Para indicar a cor de fundo com uma palavra, escreva o seguinte código:
Aqui, "amarelo" é o nome da cor amarela.
etapa 3
Em vez da marca de código amarela ou seu nome, adicione a designação desejada da cor de fundo de que você precisa para a tag usando esta dica:
vermelho - "vermelho" ("# FF0000")
azul - "azul" ("# 0000FF")
verde - "verde" ("# 008000")
rosa - "rosa" ("# FFC0CB")
roxo - "violeta" ("# EE82EE")
laranja - "laranja" ("# FFA500")
preto - "preto" ("# 000000")
Passo 4
Se você quiser ter uma imagem repetida no plano de fundo do site, escolha uma imagem pequena, contra a qual o texto seja claramente visível. Faça upload de uma foto no site. Para colocar uma imagem como plano de fundo, insira este código na tag
Nesta entrada, em vez de "/images/fon.jpg", especifique o caminho para a imagem desejada.
Etapa 5
A cor das páginas da web pode ser definida não apenas no código HTML, mas também usando estilos CSS. Usando esses estilos, você não precisa definir o plano de fundo no código de uma nova página todas as vezes. Para definir um plano de fundo em CSS entre as tags e colocar uma entrada como esta:
corpo {
plano de fundo: # FFFF33;
}
Aqui, a cor de fundo é definida pelo parâmetro de fundo.
Etapa 6
Se você quiser fazer um fundo em CSS usando uma imagem, entre e escreva o seguinte código, em vez de '/images/fon.jpg' especificando o caminho para a imagem desejada:
corpo {
imagem de fundo: url ('/ images / fon.jpg');
repetição de fundo: repetir;
}
Aqui, o parâmetro background-image define a imagem de fundo, repetição de fundo - a repetição da imagem. Na página.