Capítulo 8. Antecedentes
Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com
Por defeito, a área de fundo de um elemento consiste na caixa de conteúdo, na caixa de preenchimento e na caixa de fronteira, com as fronteiras desenhadas sobre o fundo. (Podes alterar isso até certo ponto com CSS, como verás neste capítulo).
O CSS permite-te aplicar uma cor sólida opaca ou semitransparente ao fundo de um elemento, bem como aplicar uma ou mais imagens ao fundo de um único elemento, ou mesmo descrever os teus próprios gradientes de cor de várias formas para preencher a área de fundo.
Definir cores de fundo
Para declarar uma cor para o fundo de um elemento, utiliza a propriedade background-color, que aceita qualquer valor de cor válido.
Se quiseres que a cor se estenda um pouco para fora da área de conteúdo do elemento, adiciona algum preenchimento à mistura, como mostrado no código seguinte e ilustrado na Figura 8-1:
p{background-color:#AEA;}p.padded{padding:1em;}
<p>A paragraph.</p><pclass="padded">A padded paragraph.</p>
Figura 8-1. Cor de fundo e preenchimento
Podes definir uma cor de fundo para qualquer elemento, desde <body>até aos elementos ...