Como alterar a cor de fundo em html
A cor de fundo do documento/elemento HTML aprimora a estética da página da web. Alterar a cor de fundo de uma página da web html permite criar layouts coloridos exclusivos. A adição de cor de fundo ao HTML faz com que mais se destaque e o torne mais legível para os leitores.
HTML fornece suporte amplo para manipular os elementos. HTML fornece o suporte para alterar a cor de fundo conforme o requisito.
Este artigo tem como objetivo servir a vários métodos para alterar a cor de fundo em HTML. Você terá os seguintes resultados de aprendizado:
- Como alterar a cor de fundo em HTML usando CSS embutido
- Como alterar a cor de fundo em HTML usando o CSS interno
- Como alterar a cor de fundo em HTML usando o CSS externo
Como alterar a cor de fundo em html
O Propriedade “Background-Color” em html mudará a cor do fundo. As versões anteriores apoiaram o Propriedade “BGCOLOR” que não é mais suportado pela versão mais recente. O Propriedade “Background-Color” pode ser exercido pelos seguintes meios:
- CSS embutido: Os estilos CSS são adicionados dentro da tag
- CSS interno: Os estilos são adicionados na seção da cabeça dentro do documento HTML
- CSS externo: Um arquivo CSS externo é criado e vinculado ao documento HTML para anexar as alterações
Todos esses métodos são discutidos nas próximas seções.
Como alterar a cor de fundo em HTML usando CSS embutido
CSS embutido é usado dentro da etiqueta de abertura do elemento do elemento, o CSS embutido afetará apenas o elemento em que está sendo usado. Usaremos o atributo de cor de fundo para alterar o atributo de cor
Código:
| 1 2 3 | Usamos o atributo de cor de fundo para alterar a cor do fundo |
Aqui usamos CSS embutido na etiqueta corporal, para a cor de fundo
Usamos o atributo de estilo dentro da etiqueta corporal e adicionamos a propriedade cor de fundo e atribuímos o nome da palavra-chave do Azure Color.
Saída:
A cor de fundo da etiqueta corporal é alterada para o Azure após a aplicação de CSS em linha.
Como alterar a cor de fundo em HTML usando CSS interno
CSS interno é usado para estilizar um único documento HTML dentro da seção da cabeça. Todo o código CSS estará dentro da tag de estilo e etiqueta de estilo estará dentro da etiqueta da cabeça.
Código:
| 1 2 3 4 5 6 7 |
Utilizamos CSS embutido e selecionamos a seção do corpo para aplicar a propriedade “cor de fundo”.
Saída:
Como você pode ver, a cor do plano de fundo mudou para o Azure usando CSS embutido.
Como alterar a cor de fundo em HTML usando CSS externo
CSS externo é um arquivo separado que contém apenas código CSS. Ele está vinculado dentro da seção da cabeça de um arquivo html usando tag, pode ser usado para fazer alterações em várias páginas da web. Os arquivos CSS externos devem ser salvos com .Extensão CSS.
Código CSS:
| 1 2 3 | corpo Background-Color: #f0ffff; |
Um arquivo CSS é criado nomeado "estilo.CSS ” e o código acima mencionado está escrito dentro "estilo.CSS ”.
Código HTML:
| 1 2 3 |
Além disso, as seguintes linhas são usadas para vincular o arquivo CSS em um documento HTML.
A tag é usada para vincular o arquivo CSS na seção principal.
Saída:
Observa -se que a cor do plano de fundo é alterada de padrão para Azure.
Conclusão
O atributo de cor de fundo mudará a cor do fundo em HTML. A cor de fundo do atributo será aplicada usando todos os métodos de estilo que estão embutidos, internos e externos CSS. O "nome colorido", o valor "Hexa" da cor ou a combinação "RGB" da propriedade "cor de fundo" pode ser usada para aplicar uma variedade de cores.