Hola a todos , tengo un problema , resulta que necesito hacer una tabla con 5 columanas y 5 filas y que cada fila tenga un borde inferior y superior de 1px y que cuando pase el mouse sobre las filas cambie TODA la fila de color.
tengo hecho este estilo pero asi como esta me cambia cada la fila completa pero no logro crear un borde entre fila.
Si alguien puede decirme como hago para que tenga un borde cada fila le agradeceria mucho.
Gracias y salidos.
codigo CSS.
.tablaresultados {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #F5F5F1;
border-left-color: #000;
background-color: #0C0;
}
.tablaresultados tr {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
background-color: #090;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
.tablaresultados tr:hover {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
background-color: #098;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
