Dando borde a tablas:
Para dar borde a una tabla podemos hacer 2 cosas:
1. Dar borde externo a la tabla:
table {
border-style: solid;
border-color: #C9CCC5;
border-width: 1;
}
2. Dar borde externo e interno a las tablas
table {
border-style: solid;
border-color: #C9CCC5;
border-top-width: 1;
border-left-width: 1;
}
td {
border-style: solid;
border-color: #C9CCC5;
border-bottom-width: 1;
border-right-width: 1;
}
El truco del punto 2 consiste en dibujar los bordes superior e izquierdo de la tabla para luego ir pintando los bordes inferior y derecho de las celdas. ¿Que logramos con esto? Con esto logramos que los bordes de las celdas colindantes no sean el doble de gruesos que los bordes externos
Nota: Los bordes pueden definirse de forma "abreviada" así:
border: 1 solid #FFFFFF; Pero esto sólo lo soporta Internet Explorer
