Me gustaría crear un fondo que se asemeje a una hoja de cálculo de Excel. Células blancas de la tabla, bordes delgados alrededor de cada celda. Sé cómo hacer esto fácilmente con una sola imagen, y sé cómo hacerlo con tablas ... pero me gustaría hacer esto sin ninguna de las dos cosas, si es posible.¿Es posible crear un fondo tipo cuadrícula en CSS sin imágenes o tablas?
El tamaño de cada celda se fijará en 20x20, por lo que no tengo que preocuparme por el cambio de tamaño. ¿Alguna idea? En cierto modo, tenía una forma de cocinar que implicaba una tonelada de marcado interno, pero pensé que era casi tan malo como usar una mesa.
El propósito de este fondo permitirá a los usuarios organizar bloques en una cuadrícula. Usando la funcionalidad de arrastrar y soltar de jQuery UI, quiero que el usuario pueda mover bloques dentro de una cuadrícula confinada. Las líneas de la cuadrícula simplemente les mostrarían en qué parte de la cuadrícula están vinculados sus bloques. Un ejemplo de este ajuste de cuadrícula (sin líneas de cuadrícula) está disponible en http://jqueryui.com/demos/draggable/#snap-to
Si esto es estrictamente para un fondo que debe utilizar una imagen .. si las células se mantienen los datos tabulares .. usted debe utilizar una tabla. – Loktar
¿Cuál es el punto del fondo? ¿Vas a poner datos dentro de estas celdas? Se considera correcto usar tablas para datos tabulares. –
Puedes hacerlo con un degradado CSS y múltiples fondos, pero el soporte del navegador no es sorprendente, una imagen es realmente tu mejor opción aquí. –