Dar Color a las Tablas (III)

Hemos visto cómo 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%.

 

dreamweaver

 

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

 

dreamweaver

 

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

 

dreamweaver

 

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

 

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

 

dreamweaver

 

 

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.

 

dreamweaver

dreamweaver

 

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

 

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

 

dreamweaver

 

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

 

dreamweaver

 

El resultado es la siguiente tabla:

 

dreamweaver

 

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. Probamos seleccionando la Tabla y asignado como valor del borde el 3. 

 

dreamweaver

 

 

El resultado se muestra a continuación:

 

dreamweaver

¿Te gustó? Pues comparte ;-)
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 600px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame