Ajustar a cor de fundo em html
Contente
Para definir o plano de fundo de uma página da Web em HTML, tudo o que você precisa fazer é fazer uma pequena alteração no elemento `body` dentro do
Degraus
Método 1 de 4: Definindo uma cor de fundo sólida

1. Abra seu arquivo HTML em seu editor de texto favorito. A partir do HTML5, o atributo HTML 



Branco: #FFFFFF Luz rosa: #FFCCE6 Sienna queimado: #993300 Índigo - #4B0082 Tolet - #EE82EE olhe para a w3escolas.com Seletor de cores HTML para encontrar os códigos hexadecimais de qualquer cor que você deseja. 




É uma boa ideia incluir também o código cor de fundo apenas no caso de a imagem de fundo não carregar. 
A primeira imagem está no topo. A segunda imagem está abaixo da primeira. 




Por exemplo, você pode não apenas usar mais de duas cores, mas também colocar uma porcentagem atrás de cada uma. Permite especificar quanto espaço cada segmento de cor terá. Adicione transparência às cores. Permite desbotar as cores. Use a mesma cor para desaparecer da cor para nada. Você terá a função rgba() deve usar para indicar a cor. O valor terminal determina o grau de transparência: 0 para opaco e 1 para transparente. 

-animação do webkit é a propriedade necessária para navegadores baseados no Chrome (Chrome, Opera, Safari). animação é o padrão para todos os outros navegadores. mudança de cor é o que é chamado de animação neste exemplo. anos 60 é a duração (60 segundos) da animação/transição. Certifique-se de definir isso para o webkit e a sintaxe padrão. infinito indica que a animação deve se repetir indefinidamente. Se você preferir dar um loop nos naipes e parar no último naipe, você pode omitir esta peça. 
Observe que as duas linhas (@-webkit-keyframes e @keyframes têm os mesmos valores para as cores de fundo e porcentagens. Deve permanecer uniforme para que a experiência permaneça a mesma para todos os navegadores. As porcentagens (0%, 25%, etc.) representam a duração total da animação (anos 60). Quando a página carregar o fundo terá a cor definida para 0% e (#33FFF3). Quando 25% ou 60 segundos da animação forem reproduzidos, o plano de fundo mudará para #78281F, e assim por diante. Você pode ajustar a duração e as cores ao seu gosto.

2. Adicione o marca seu documento. Todos os dados de estilo da sua página (incluindo a cor de fundo) devem ser codificados nessas tags. Você tem o tags já indicadas, então você pode simplesmente rolar para essa parte do arquivo.

3. Digite "corpo"-elemento dentro do Tag. Tudo o que você muda nele "corpo"-elemento em CSS, afetará a página inteira.

4. Adicione o "cor de fundo"-atribuir ao "corpo"-elemento. Neste contexto, apenas uma grafia de "cor" trabalho (então não: cor).

5. Coloque a cor de fundo desejada atrás "cor de fundo". Agora você pode indicar o nome de uma cor (verde, azul, vermelho, etc.), use códigos hexadecimais (hex) (por exemplo,. #000000 para preto, #ff0000 para vermelho, etc.) ou digitando o valor RGB para a cor (como rgb(255,255,0) para amarelo). Abaixo segue um exemplo com códigos hexadeximais, tornando o fundo igual ao do banner:

6. Uso "cor de fundo" para aplicar cores de fundo a outros elementos. Assim como você define o elemento body, você pode usar background-color para definir os planos de fundo de outros elementos. Basta colocar esses elementos dentro do com a propriedade background-color.
Método 2 de 4: Usando uma imagem como papel de parede

1. Abra o arquivo HTML em um editor de texto. Muitas pessoas preferem usar uma imagem como plano de fundo para seu site. Permite definir um padrão, textura, foto ou qualquer outra imagem como papel de parede. A partir do HTML5 todos os fundos devem ser definidos com CSS (Cascading Style Sheets) dentro do Tag.

2. Adicione o marca seu arquivo HTML. Todas as informações de estilo da sua página (incluindo a cor de fundo) devem ser especificadas nessas tags. Você já conjunto de tags e role até essa parte do arquivo.

3. Digite "corpo"-elemento dentro do Tag. Tudo o que você muda nele "corpo"-elemento em CSS afetará a página inteira.

4. Adicione a propriedade "imagem de fundo" pronto para isso "corpo"-elemento. Ao adicionar esta propriedade você precisará do nome do arquivo da sua imagem. Certifique-se de que a imagem esteja armazenada na mesma pasta que o arquivo html (ou adicione o caminho completo do arquivo ao seu servidor web).

5. Camada de várias imagens. Você pode empilhar várias imagens umas sobre as outras. Isso pode ser útil se você tiver imagens com fundos transparentes que se complementam quando sobrepostos.
Método 3 de 4: Criando um plano de fundo gradiente

1. Use CSS para criar um plano de fundo gradiente. Se você está procurando algo um pouco mais estilizado do que um cor sólida, mas não tão ocupado como um animação colorida, tente um gradiente de cores como plano de fundo. Gradientes são cores que transitam para outras transparências. Você pode usar CSS para criar e personalizar seu gradiente. Antes de começar a fazer um gradiente, você precisa obter conhecimento suficiente dos conceitos básicos de formatação de uma página da Web com CSS.

2. Entenda a sintaxe padrão. Ao criar um gradiente, você precisará de duas informações: o ponto inicial e o ângulo inicial e as cores entre as quais a transição ocorrerá. Você pode selecionar várias cores que se misturam e pode especificar uma direção ou um ângulo para o gradiente de cores.
fundo: gradiente linear (direção/ângulo, color1, color2, color3, etc.);

3. Criar um gradiente vertical. Se você não indicar uma direção, a cor vai de cima para baixo. Diferentes navegadores têm diferentes versões do recurso de gradiente, portanto, você precisará adicionar diferentes versões do código.

4. Criar um gradiente com direção. Adicionar uma direção ao gradiente oferece a capacidade de ajustar a maneira como a cor muda. Observe que navegadores diferentes interpretarão as direções de maneira diferente. Todos eles mostrarão o mesmo gradiente.

5. Use outras propriedades para ajustar o gradiente. Você pode fazer muito mais com gradientes.
fundo: gradiente linear(#93B874 10%, #C9DCB9 70%, #000000 90%);
background: linear-gradient(para a direita, rgba(147,184,116,0), rgba(147,184,116,1));
Método 4 de 4: Definir uma animação colorida como papel de parede

1. Navegar para no seu código HTML. Se você não gosta de um plano de fundo de cor sólida, experimente vários planos de fundo de cores. A partir do HTML 5, as cores de fundo devem ser definidas com CSS (Cascading Style Sheets). Se você nunca definiu uma cor de fundo com CSS, leia a seção sobre como definir uma cor de fundo sólida antes de tentar este método.

2. Adicione a propriedadeanimação pronto para isso "corpo"-elemento. Você terá que adicionar 2 propriedades diferentes, pois cada navegador requer um código diferente.

3. Adicione cores à sua animação. Agora você usará a regra @keyframes para definir as cores de fundo para percorrer, bem como por quanto tempo cada cor aparece na página. Novamente, você terá que adicionar várias codificações para os diferentes navegadores.
Artigos sobre o tópico "Ajustar a cor de fundo em html"
Оцените, пожалуйста статью
Popular