Índice

Aplicar un color de fondo

Esta propiedad permite asignar un color de fondo a un elemento.

background-color:

nombre del color

bien notación hexadecimal en formato #xxxxxx

bien notación hexadecimal abreviada en formato #xxx

bien notación en formato RGB con enteros entre 0 y 255

bien notación en formato RGB con % de 0 a 100

bien notación en formato RGBa donde a está comprendido entre 0 y 1

bien notación en formato HSL

bien notación en formato HSLa donde a está comprendido entre 0 y 1

o bien transparent

Las distintas notaciones de color se han abordado con detalle en el capítulo Sintaxis de las CSS - Notación de los colores.

Destaquemos que el valor transparent, cuando está aplicado al fondo de la página, retoma el valor por defecto del navegador.

Ejemplo 1

Aplicamos un color de fondo a la página.

<!DOCTYPE html>  
<html lang="es">  
<head>  
   <title>Html5</title>  
   <meta charset="UTF-8">  
   <style type="text/css">  
   body { background-color: rgb(215,230,245);}  
   </style>  
</head>  
<body>  
</body>  
</html>
images/CAP16IMG01.png

Ejemplo 2

Aplicamos un color de fondo a una división <div>.

<!DOCTYPE html>  
<html lang="es">  
<head>  
<title>Html5</title>   ...