Apuntes Web
ApuntesWeb.net > Manuales >Manual CSS

Propiedades de Fondo

Color de fondo

Para definir el color de fondo de los elementos que pueden ser parrafos, títulos, bloques, enlaces, listas, etc. emplearemos la propiedad CSS background-color.

¿ Cómo aplicar el color de fondo ?

Primero elegimos a que elemento aplicaremos el color de fondo, por ejemplo añadiremos un color de fondo rojo a todos los elementos de encabezado H1 para lo cual en la hoja de estilo, la propiedad background-color tendra el valor red:
h1{background-color:red;}

Aplicando color de fondo a toda la página Web

En este caso el elemento BODY debe tener la propiedad background-color con su respectivo valor para modificar el color de fondo de toda la página web.

Para tener un fondo de página de color amarillo escribimos:
body{background-color:yellow;}

Aplicando color de fondo a los enlaces

En este caso el elemento A debe tener la propiedad background-color con su respectivo valor para modificar el color de fondo de todos los enlaces o links.

Para modificar el color de fondo de todos los enlaces sin excepción escribimos:
a{background-color:gray;}
Para modificar el color de fondo solo de los enlaces 'A', que se encuentran dentro de los párrafos 'P', nos ayudamos de los selectores contextuales y escribimos:
p a{background-color:gray;}

MANUAL CSS

CSS, HTML, XHTML, Recursos y mucho más, Prohibida su reproducción total o parcial.
© 2009 - 2012 ApuntesWeb.net