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>  ...
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Espaciado interno
Siguiente
Degradado de color