2011-09-24 33 views
9

Hoy es la primera vez que juego con las tablas y me doy cuenta de que la tabla y las etiquetas tr y td tienen un pequeño espacio entre ellas, como 1 px o más.Relleno predeterminado de la tabla CSS o margen

Así que aquí es mi problema:

No es mi código:

<table id="upload_box_container"> 
    <tr> 
     <td class="border_bottom_1px">hi1</td> 
     <td class="border_bottom_1px">hi2</td> 
    </tr> 
</table> 

(upload_box_container - es sólo el color de fondo y el color del borde)

(border_bottom_1px - como su nombre lo que sólo da borde inferior con 1px tamaño)

y hay una imagen de cómo se muestra: http://postimage.org/image/16wz2ao78/

Mi pregunta es

  • por qué hay un espacio entre los dos bordes inferiores

  • y por qué hay un espacio en los lados de la mesa (como el relleno) y las fronteras de Don t toque el borde de la mesa

gracias.

+0

El enlace de la imagen está ahora muerto, lo que hace q Pregunta menos clara. –

Respuesta

9

Definir

table { border-spacing:0; } 

y debe dictar en la forma que desee.

0

Yo prefiero usar este enfoque:

table { table-layout:fixed; border-collapse:collapse; } 
Cuestiones relacionadas