Como alterar o plano de fundo e a cor do texto de uma página da web

Abaixo estão os passos sobre como você pode mudar a cor de fundo de uma página web em HTML e CSS. Embora a cor do plano de fundo possa ser feita com a tag HTML BODY, recomendamos que você especifique os valores da cor de plano de fundo no CSS, conforme mostrado abaixo.

Dica: ao definir a cor de qualquer elemento de página da Web, talvez seja necessário usar códigos de cores HTML. Para cores principais, você também pode especificar os nomes dessas cores em vez de usar os códigos de cores, por exemplo, vermelho, azul, verde e preto, em vez de usar seus valores de código de cor respeitados.

Exemplo CSS

No exemplo CSS abaixo, estamos definindo o corpo para ter uma cor de fundo preto adicionando "background-color: # 000;" no bloco do corpo. Como a cor do plano de fundo é preta, a cor do texto também deve mudar ou não será vista. Então, estamos definindo a cor do texto para branco, adicionando "color: #fff;" no bloco.

 corpo {font-family: Helvetica, Arial, sem serifa; cor de fundo: # 000; cor: #fff; } 

Se a sua página não estiver usando CSS ou você não quiser converter em CSS, abaixo estão as etapas sobre como fazer isso na tag BODY no código HTML. No entanto, como mencionado anteriormente, é altamente recomendável usar o código CSS acima, em vez da tag body. Se você usar o estilo CSS, poderá alterar os valores de cor de fundo uma vez e as alterações serão aplicadas automaticamente a todos os elementos HTML que usam esse estilo.

Exemplo de tag de corpo HTML

Em algumas situações muito raras, pode não ser possível usar o CSS. Para essas situações, você também pode definir a cor do plano de fundo, a cor do texto, a cor do link e outros valores na tag do corpo HTML, conforme mostrado abaixo.

Abaixo estão as descrições de cada um dos atributos HTML na tag body.

TEXTO = A cor do texto.

LINK = A cor dos links.

VLINK = cor do link visitado.

ALINK = Cor do link ativo ou a cor para a qual o link muda quando clicado.

BGCOLOR = A cor de fundo da página.

Dica: para ajudar a ilustrar melhor todos os valores acima, nesta página a cor do link é azul, os links que você visitou são roxos e os links sobre os quais foram passados ​​ou clicados são vermelhos.