Este es el CSS de mi Tabla:
#customers {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-spacing: 0;
width: 100%;
}
#customers td, #customers th {
padding: 8px;
text-align: center;
}
#customers tr:nth-child(even){
background-color: #f2f2f2;
}
#customers tr:hover {
background: #e8f2fd;
transition: all 0.1s ease-in-out;
}
#customers th:first-child {
border-radius: 8px 0 0 0;
}
#customers th:last-child {
border-radius: 0 6px 0 0;
}
#customers th:only-child{
border-radius: 6px 6px 0 0;
}
#customers th{
background-color: #00889f;
color: white;
}
La cual queda de la siguiente manera:
Pero la razón de la que vengo a pedir de su ayuda es la siguiente: ¿Como le doy solamente color al borde de mi tabla?. Lo único que me interesa es darle un color en todo el contorno de mi tabla (mas no lo de adentro) ya que estoy utilizando el border-radius y al ingresar border-style altera mi tabla y desaparece el diseño que le asigno, a continuación muestro como queda el border de mi contorno:
Espero que puedan ayudarme. Gracias.