Color de las Tablas

Para ponerle color a una celda utilizamos el atributo bgcolor=" aquí 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:

html

 

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>

 

html

¿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