¿Cómo configuro el "borde interior" - el borde entre las diferentes celdas.Establecer el borde de la tabla interna en HTML
Al configurar los atributos de estilo me las arreglé para controlar el borde exterior, pero el borde interior simplemente mantiene el mismo color gris y el mismo ancho. ¿Qué atributos debería modificar para controlar el borde interno?
Necesita diseñar el elemento <td>.
Tome un vistazo a la W3C website
Para la mesa de marcado ordinaria, aquí es una solución a corto que funciona en todos los dispositivos/navegadores en BrowserStack, excepto IE 7 y abajo:
table { border-collapse: collapse; }
td + td,
th + th { border-left: 1px solid; }
tr + tr { border-top: 1px solid; }
para IE 7 de apoyo , añadir lo siguiente:
tr + tr > td,
tr + tr > th { border-top: 1px solid; }
Un caso de prueba se puede ver aquí: http://codepen.io/dalgard/pen/wmcdE
Este es un código muy fino. Estoy agradecido por su simplicidad. – Kristopher
este diseño se rompe si, por ejemplo, si la última fila solo recibe un 'td', ¿cómo lo arregla? – Alejandro