Me sumo a este problema aclarando que no soy un granconocedor de css pero me defiendo.
Tengo un html
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<!--[if IE]> <style>.opacityit img{margin: 0px 1px -2px 0;}</style> <![endif]-->
</head>
<body>
<table class="Tabla1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html> y una hoja de estilos
Código HTML:
.Tabla1 {
background-color: #006666;
margin: 0px;
padding: 0px;
height: 400px;
width: 400px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.Tabla1 td {
background-color: #99CC00;
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
Como veran no solo sume esalinea ene lhead sino que tambien a ambos estilos le genere todos los amrgenes en cero, asi y todo me sigue mostrando el espacio entrelas celdas.
Como puedo evitarlo