Color en las tablas con HTML

Publicado: agosto 14, 2010 en Uncategorized

EL COLOR DE LAS TABLAS

Para ponerle color a una celda utilizamos el atributo bgcolor=”aqui ponemos el nombre o número del color”

EJEMPLO

Vamos a realizar una tabla de dos filas y dos columnas, con borde de tamaño “1” y de largo el 50% del ancho de página. Y le ponemos a una celda fondo rojo con el atributo bgcolor=”red” y a otra fondo azul

<table border=”1″ cellpadding=”0″ cellspacing=”0″ width=”50%”>
<tr>
<td width=”50%” bgcolor=”red”></td>
<td width=”50%” bgcolor=”blue”></td>
</tr>
<tr>
<td width=”50%”></td>
<td width=”50%”></td>
</tr>
</table>

El resultado que veremos:

COLOR DEL FONDO DE LA TABLA

Para darle color a toda la tabla es suficiente con poner el atributo bgcolor”” dentro de la instrucción de tabla. Para poner fondo amarillo bgcolor=”yellow”

<table border=”1″ cellpadding=”0″ cellspacing=”0″ width=”50%” bgcolor=”yellow”>

EJEMPLO

Una tabla de tres filas y dos columnas con un largo del 75%.
Y  fondo amarillo

<table border=”1″ cellpadding=”0″ cellspacing=”0″ width=”75%” bgcolor=”yellow”>

<tr>
<td width=”50%”> </td>
<td width=”50%”> </td>
</tr>

<tr>
<td width=”50%”> </td>
<td width=”50%”> </td>
</tr>
<tr>
<td width=”50%”> </td>
<td width=”50%”> </td>
</tr>
</table>

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s