Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/12/2013, 02:54
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: poner borde a una fila

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

Código CSS:
Ver original
  1. tr {
  2.   outline: 1px solid #333;
  3. }

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

Código CSS:
Ver original
  1. /* poner un borde superior a cada celda */
  2. td {
  3.   border-top: 1px solid #000;
  4. }
  5.  
  6. /* borde izquierdo para la primera celda de cada fila */
  7. td:first-child {
  8.   border-left: 1px solid #000;
  9. }
  10.  
  11. /* borde derecho para la última celda de cada fila */
  12. td:last-child {
  13.   border-right: 1px solid #000;
  14. }
  15.  
  16. /* borde inferior para las celdas de la última fila */
  17. tr:last-child td {
  18.   border-bottom: 1px solid #000;
  19. }

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

Última edición por pzin; 03/12/2013 a las 03:03