Capítulo 8. Antecedentes
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
Por defecto, el área de fondo de un elemento está formada por la caja de contenido, la caja de relleno y la caja de borde, con los bordes dibujados sobre el fondo. (Puedes cambiar esto hasta cierto punto con CSS, como verás en este capítulo).
CSS te permite aplicar un color sólido opaco o semitransparente al fondo de un elemento, así como aplicar una o varias imágenes al fondo de un único elemento, o incluso describir tus propios degradados de color de diversas formas para rellenar el área de fondo.
Configurar los colores de fondo
Para declarar un color para el fondo de un elemento, se utiliza la propiedad background-color, que acepta cualquier valor de color válido.
Si quieres que el color se extienda un poco fuera del área de contenido del elemento, añade algo de relleno a la mezcla, como se muestra en el código siguiente y se ilustra en la Figura 8-1:
p{background-color:#AEA;}p.padded{padding:1em;}
<p>A paragraph.</p><pclass="padded">A padded paragraph.</p>
Figura 8-1. Color de fondo y relleno
Puedes establecer un color de fondo para cualquier elemento, desde <body> ...