Skip to main content
3 de 3
se añadieron 171 caracteres en el cuerpo
Reinos Ric
  • 797
  • 1
  • 9
  • 27

Darle color al contorno de una tabla

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:

introducir la descripción de la imagen aquí

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: introducir la descripción de la imagen aquí

Espero que puedan ayudarme. Gracias.

Reinos Ric
  • 797
  • 1
  • 9
  • 27