Índice

Ejemplo de formato de una tabla

Esta tabla tiene una clase llamada .leyenda aplicada a la leyenda de la tabla (<caption>), con una posición superior (caption-side:top), un margen superior de 30 píxeles (para separarla del texto que la precede), un margen izquierdo y derecho de 0 y un margen inferior de 10 píxeles (para separarla un poco de la tabla) (margin: 30px 0px 10px), un relleno idéntico de 5 píxeles en todos los lados (padding: 5px) y un fondo de color (background: #F0F0F0).

images/12OWT-14.PNG

La tabla utiliza una clase llamada .tabla. La clase posee las siguientes propiedades: un ancho de 300 pixeles (width: 300px), un margen inferior de 20 píxeles para separarla del texto que la sigue, un margen superior de 0 y en los lados izquierdo y derecho un margen en auto para el centrado (margin: 0px auto 20px), y un fondo de color.

images/12OWT-15.PNG

En el cuerpo de la página <body>, el tamaño de fuente aplicado es de 0.8 em y la familia de fuente usada es Verdana, Arial, Helvetica y sans-serif.

Este es el resultado en el navegador:

images/12OWT-16.png