CSS: Ejercicios de tablas

PRÁCTICA 11: Determinar las reglas CSS necesarias para mostrar la siguiente tabla con el aspecto final
mostrado en la imagen (modificar el código HTML que se considere necesario añadiendo los atributos class oportunos). Primero deberá codificarse la tabla en HTML. Las imágenes pueden descargarse desde aquí:

El resultado final deberá ser como el siguiente, cumpliendo las especificaciones que se indican más abajo:

  1. Alinear el texto de las celdas, cabeceras y título. Definir los bordes de la tabla, celdas y cabeceras (color gris oscuro #333).
  2. Formatear las cabeceras de fila y columna con la imagen de fondo correspondiente en cada caso (fondo_gris.gif, euro.png, dolar.png, yen.png, libra.png). Modificar el tipo de letra de la tabla y utilizar Arial (en su defecto Helvetica y posteriormente sans-serif) a tamaño 0.9em. El color azul claro es #E6F3FF.
  3. Mostrar un color alterno en las filas de datos (color amarillo claro #FFFFCC).

REFERENCIA

CSS

SELECTORES

COLORES

BOX MODEL

FONDOS

POSICIONAMIENTO

VISUALIZACIÓN

TIPOGRAFÍA

TEXTO

ENLACES

IMÁGENES

LISTAS

TABLAS

FORMULARIOS

LAYOUT

Ejercicios

ANEXO