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 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access