[SOLUCIONADO] poner borde a una fila

[lenit]

hola tengo una tabla a la que he puesto border exterior y queria saber como se podria poner el borde para que se me vean las filas pero no las celdas

[pzin]

Para sólo estilizar el bordes de las filas yo suelo hace algo así:

Código CSS:

tr {
  outline: 1px solid #333;
}
 

Otra opción sería darle borde a las celdas pero imitarlo como si fuesen filas:

Código CSS:

/* poner un borde superior a cada celda */
td {
  border-top: 1px solid #000;
}
 
/* borde izquierdo para la primera celda de cada fila */
td:first-child {
  border-left: 1px solid #000;
}
 
/* borde derecho para la última celda de cada fila */
td:last-child {
  border-right: 1px solid #000;
}
 
/* borde inferior para las celdas de la última fila */
tr:last-child td {
  border-bottom: 1px solid #000;
}
 

Así no te quedan bordes duplicados como cuando usas outline.

[lenit]

gracias es lo que necesitaba :)

[pzin]

Iniciado por lenit

gracias es lo que necesitaba :)

Edité el mensaje por si te sirve más la segunda opción.