2011-12-14 20 views
20

enter image description hereThin Border Negro para una tabla

Es necesario disponer de tales delgada línea para toda la tabla como se ha visto anteriormente. La imagen de arriba es solo una muestra. Mi solución, no funciona. La tabla no muestra ningún borde.

Aquí es mi CSS:

table { 
    border-width: thin; 
    border-spacing: 2px; 
    border-style: none; 
    border-color: black; 
} 

Respuesta

46

Estilo del td y th lugar

td, th { 
    border: 1px solid black; 
} 

Y también para que sea lo que no hay espacio entre las células utilizar:

table { 
    border-collapse: collapse; 
} 

(También tenga en cuenta que tiene border-style: none; que debería ser border-style: solid;)

ver un ejemplo aquí: http://jsfiddle.net/KbjNr/

+6

@Petah Usted no menciona esto en su respuesta, pero es en su jsFiddle: ** border-collapse: colapso es el elemento clave de la solución **. – Bojangles

+0

@JamWaffles bien, todavía tendrá un borde sólido de 1px alrededor de todas las celdas, también tendrá espaciado entre las celdas. (actualizado) – Petah

+2

'echo"

";' para html si alguien necesita ese estilo – deadfish