Generar patrón hexagonal repetitivo con CSS3.

Entonces, necesito hacer un patrón hexagonal de repetición, usando CSS. Si se necesitan imágenes, puedo ir allí, pero preferiría usar CSS si es posible.

Aquí hay una idea de lo que estoy tratando de crear:

Básicamente, solo necesito una forma de crear las formas hexagonales y luego superponer texto / imágenes sobre ellas. Todavía no tengo mucho código, porque no estoy muy seguro de por dónde empezar. El problema es que podría usar<div>s en la forma de un hexágono como se muestra en (http://css-tricks.com/examples/ShapesOfCSS/), pero entonces no estarían conectando. Podría usar un patrón hexagonal repetitivo, pero entonces no podría especificar la ubicación exacta del texto o las imágenes que necesito en formas específicas. Gracias por cualquier ayuda por adelantado.

Respuestas a la pregunta(7)

Su respuesta a la pregunta