Sábado, 12 de Noviembre de 2024

Introducción
Herramientas
Tags (órdenes)
Estructura básica

Texto
Texto simple
Formato
Tamaño
Color
Alineación

Imagen y Enlace
Inserción de imágenes
Inserción de enlaces

Tablas
Estructura
Contorno y márgen
Color
Combinar celdas
Ajuste de tamaño
Tamaño relativo
Alineación

Formularios
Utilidad
campo de texto
Área de texto
Menú desplegable
Casilla verificación


HTML > Tablas > Colores


Si queremos dar color a una tabla, disponemos de varias opciones:

     - Dar color a las líneas
     - Dar color al fondo de la tabla
     - Dar color a cada celda

Para dar color a las líneas, obviamente tenemos que hacer que aparezcan, poniendo BORDER mayor que "0". Y para darle color, debemos añadir el parámetro BORDERCOLOR y asignarle un color.

<TABLE BORDER=1 BORDERCOLOR="Red">
   <TR>
      <TD>
         AAA línea.
      </TD>
      <TD>
         BBB línea.
      </TD>
   </TR>
   <TR>
      <TD>
         CCC línea.
      </TD>
      <TD>
         DDD línea.
      </TD>
   </TR>
</TABLE>


Para establecer el color de fondo de la tabla, debemos añadir el parámetro BGCOLOR, al cual también le asignaremos un color.

Quedando la primera línea del ejemplo anterior asi:

<TABLE BORDER=1 BORDERCOLOR="Red" BGCOLOR="Lime">


Si queremos, además dar un color diferente a alguna de las celdas en particular, simple debemos añadir el mismo parámetro BGCOLOR, pero este caso en el comando TD que abre la celda que deseamos colorear.

Oscureceremos la primera celda añadiendo el parámetro BGCOLOR al primer TD del ejemplo, y lo convertiremos a verde:

<TD BGCOLOR="Green">


Finalmente haremos esta última operación con las tres celdas restantes...


... y podremos apreciar claramente que el color que hay entre las celdas continua siendo el color que habiamos asignado a la tabla en un principio, mientras que el color de cada una de las celdasha podido ser modificado por separado