tablas con formato

Podemos dar un sencillo formato a nuestra tabla:

Texto en blanco sobre fondo negro con borde blanco

<table border="1" bordercolor="white" bgcolor="black"><td><font color="white">Texto en blanco sobre fondo negro con borde blanco</font></td></tr></table><br /><br />



O complicarnos mucho mas la vida:

Podemos poner en nuestra tabla:

• un borde de grosor 3 y color fucsia
• un fondo de color negro


• que ocupe una altura del 10% del ancho de la ventana del navegador


• establecer 4 espacios entre una celda y otra

En nuestras celdas:

• cambiar el color de la letra para que la prima celda sea blanca y la segunda azul


• indicar la alineación horizontal y vertical, la primera alinear a la izquierda y arriba y la segunda a la derecha y abajo

<table bordercolor="fuchsia" bgcolor="black" border="3" width="350" height="100" cellspacing="4" cellspadding="8"><td align="left" valign="top"><span><font color="white"><b>1ªcolumna</b></font></span></td><td align="right" valign="bottom"><span><font color="aqua"><b>2ªcolumna</b></span></font></td></table>

1ªcolumna

2ªcolumna

OJO!!! pq si pasamos a la pestaña de 'Redactar' blogger nos puede traducir nuestra tabla a CSS y ya no se mostrará de igual modo. Ej:

bg border="3" cellspadding="8" style="color:black;"

Solución: ctrl+z antes de publicar para que volvamos a la pestaña de Edición de HTML sin hacernos la transformacion a CSS!!!!
<table border height="100" cellspacing="4" width="350" bg border="3" cellspadding="8" style="color:black;"><tbody><tr><td valign="top" align="left"><span style="font-size:+2;"><span style="color:white;"><b>1ªcolumna</b></span></span></td><td valign="bottom" align="right"><span style="font-size:+2;"><span style="color:aqua;"><b>2ªcolumna</b></span></span></td></tr></tbody></table>

1ªcolumna

2ªcolumna

Pero si la tabla es enorme puede ser tedioso tratar con tantos atributos.
SOLUCIÓN: CSS