El color de las Tablas (III)

Hemos visto como dar color a las líneas y al interior de las tablas. Normalmente las páginas de Internet se componen utilizando tablas con bordes "0" y tablas dentro de Tablas.

Veamos otro ejemplo de tabla. En esta ocasión realizaremos una elegante Tabla con líneas finas. Esta tabla la podemos colocar dentro de otra con líneas ocultas para componer una página con varias tablas.

Creamos una Tabla. En nuestro ejemplo de 1 columna y 4 Filas. Y le ponemos de ancho el 50%.

Seleccionamos la tabla y en la ventana flotante colocamos el Espacio de Celda o CellSpace con el valor 1 y pulsamos Enter..

Seleccionamos como color de fondo o Background Color un elegante azul.

Seleccionamos todas las celdas menos la primera. Y le ponemos fondo blanco.

El resultado es el que se muestra a continuación.

Líneas más gruesas.

Veamos otra forma de poner color a las Tablas.

• Creamos una tabla de 4 Filas y 1 Columna.
• Seleccionamos la Tabla y le ponemos color de fondo. En nuestro ejemplo elegimos un rojo muy oscuro.

• Ahora seleccionamos todas las celdas menos la primera y le asignamos un color amarillo.

Y el resultado es el que se muestra a continuación.

Selccionamos la tabla y le ponemos al borde el valor 1 y pulsamos Enter..

El resultado es la siguiente tabla

Probamos seleccionando la Tabla y asignado como valor del borde el 3. El resultado se muestra a continuación.

Para que las letras que colocamos dentro de las tablas se lean bien suele ser interesante poner el fondo de color claro. Seleccionamos otra vez las tres celdas inferiores. Pulsamos sobre Color de Fondo y cambiamos el color por uno más claro.

El resultado se muestra a continuación.

Lección anterior

Próxima clase