Tema: FAQ's de CSS
Ver Mensaje Individual
  #23 (permalink)  
Antiguo 28/03/2003, 07:04
Avatar de Cain
Cain
 
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 22 años, 2 meses
Puntos: 17
Faq-23

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
__________________
M a l d i t o F r i k i

Última edición por JavierB; 07/05/2006 a las 02:46