Tengo el siguiente codigo y me gustaria que la tabla tubiera solo los bordes externos de color verde igual que las primeras casillas, el caso es que no consigo hacerlo, no se porque. Alguien me echa una mano?
Código:
<link href="GuardarLista.css" rel="stylesheet" type="text/css">
</head>
<div id="centrartabla">
<center><table class="tguadarlista" width="300" height="99" cellpadding="0" cellspacing="0">
<tr>
<td class="tdtextocabecera" height="15" colspan="4">Guardar Lista </td>
</tr>
<tr> <form name="frm">
<td width="10"> </td>
<td width="140">Nombre de Lista </td>
<td width="140"><input type="text" id="Text1" name="Text1"></td>
<td width="10"> </td>
</form>
</tr>
<tr>
<td> </td>
<td colspan="2"><center><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="75" height="15" class="tdtexto" onClick="CloseValor();">Aceptar</td>
<td width="50"> </td>
<td class="tdtexto" width="75" onClick="CloseSinValor();">Cancelar</td>
</tr>
</table></center></td>
<td> </td>
</tr>
</table></center>
<div>
Código:
/* CSS Document */
#tguardarlista
{
font:"Courier New", Courier, mono;
text-align:center;
color:#000000;
border-color:#006600;
font-size:12px;
}
.tguardarlista td
{
border-color:#FFFFFF;
text-align:center;
font-size:12px;
color:#000000;
background:#FFFFFF;
}
.tguadarlista .tdtexto
{
border-color:#FFFFFF;
font-size:12px;
text-align:center;
color:#FFFFFF;
background:#006600;
cursor:pointer;
}
.tguadarlista .tdtextocabecera
{
border-color:#FFFFFF;
font-size:12px;
text-align:center;
color:#FFFFFF;
background:#006600;