Cor de fundo do Javascript

| | | | | | | | | | | | | | | | | | | | | |

O CSS pode ser intimidador, mesmo para desenvolvedores experientes - há tantas opções! Mas neste artigo, veremos como alterar a cor de fundo no documento HTML sem criar uma folha de estilos em cascata separada.

Ao usar HTML5, você pode adicionar uma cor de fundo usando o atributo style e a propriedade `background-color`. Você pode implementar este atributo no elemento que preferir; no entanto, para definir a cor de fundo para a página inteira, o atributo style deve estar na tag body. Seu código HTML pode ficar assim:

Este código nos dá uma página HTML com fundo laranja.

Implementando esquemas de cores da web adicionais

Ricardo Gomez Angelo PRZVCSTqje4 Unsplash  Ricardo Gomez Angelo PRZVCSTqje4 Unsplash
diferentes sistemas de cores podem ser usados para alterar a cor de fundo

Ao selecionar sua cor em HTML, o estilo do atributo aceita códigos hexadecimais, cor HTML nomes, valores de cores RGB (A) e valores de cores HSL. No caso de cores RGB e cores HSL, os sistemas de cores devem ser incluídos na declaração de cores de fundo.

Abaixo estão algumas formatações exemplos para cada sistema de cores:

Código hexadecimal

Nome da cor HTML

Valores de cor RGB ​​

Valores de cor RGBA ​​

Valores de cores HSL ​​

valores de cor HSLA ​​

Uma coisa a ter certeza. Se você estiver usando este método para definir a cor de fundo, mas depois escrever um arquivo CSS externo, certifique-se de remover o estilo atributo e propriedade de cor de fundo do seu HTML para evitar qualquer tipo de substituição. `other / p>

Conclusão

Neste artigo, explicamos como alterar a cor de fundo com HTML. Se for novo em HTML, confira nosso guia aqui: Aprenda HTML: um guia para aprender linguagem de marcação de hipertexto ou leia nosso artigo Quanto tempo leva para aprender html?