Los mejores cursos GRATIS © AulaFacil.com
  • [Entrada Profesores]
  • Certificaciones
  • [Mi AulaFácil]
miércoles, 15 agosto 2018 español
Síguenos
Publica tu curso
¿Cómo Funciona AulaFácil?

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

Gracias por compartir y gracias por enlazar la página
Compartir en Facebook
Acepto vuestra política de privacidad
Consentimiento Expreso para el tratamiento de datos de carácter personal recabados por vía electrónica (leer consentimiento)

¡Suscríbete GRATIS a nuestro boletín diario!:

Búsqueda personalizada
Existen nuevos mensajes en las siguientes salas de chat:

      Recibe gratis alertas en tu navegador, sin configuraciones ni registros. Más info...
      [No me interesa] | [Me Interesa]



      ¿Dudas? ¿Preguntas? Plantéalas en el foro
      Suscríbete Gratis al Boletín

      Escribir la dirección de Email:

      Acepto vuestra política de privacidad
      Consentimiento Expreso para el tratamiento de datos de carácter personal recabados por vía electrónica (leer consentimiento)

      Delivered by FeedBurner

      Destacamos
      Cargando datos...
      Buenos Artículos Diarios

      Sigue a AulaFácil en:

      Ránking Mundial Certificados
      Banner AulaFácil

      Este es un producto de AulaFacil S.L. - © Copyright 2009
      B 82812322 Apartado de Correos 176. Las Rozas 28230. Madrid (ESPAÑA)