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

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.

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. Espero que puedan ayudarme. Gracias.

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.

se añadieron 133 caracteres en el cuerpo
Origen Enlace
Reinos Ric
  • 797
  • 1
  • 9
  • 27

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 colorborde de mi tabla?. Es loLo único que me interesa es darle un color a la parte inferioren 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. Espero que puedan ayudarme. Gracias.

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 color de mi tabla?. Es lo único que me interesa darle un color a la parte inferior de mi tabla (mas no lo de adentro). Espero que puedan ayudarme. Gracias.

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. Espero que puedan ayudarme. Gracias.

Origen Enlace
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 color de mi tabla?. Es lo único que me interesa darle un color a la parte inferior de mi tabla (mas no lo de adentro). Espero que puedan ayudarme. Gracias.