Generieren Sie sich wiederholende hexagonale Muster mit CSS3

Also muss ich mit CSS ein sich wiederholendes hexagonales Muster erstellen. Wenn Bilder benötigt werden, kann ich dorthin gehen, aber ich würde es vorziehen, wenn möglich nur CSS zu verwenden.

Hier ist eine Vorstellung davon, was ich zu erstellen versuche:

Grundsätzlich brauche ich nur eine Möglichkeit, die sechseckigen Formen zu erstellen und dann Text / Bilder darüber zu legen. Ich habe noch nicht viel Code, weil ich mir nicht sicher bin, wo ich anfangen soll. Das Problem ist, ich könnte es nur gebrauchen<div>s in der Form eines Sechsecks wie in gezeigt (http://css-tricks.com/examples/ShapesOfCSS/), aber dann würden sie keine Verbindung herstellen. Ich könnte ein sich wiederholendes Sechseckmuster verwenden, aber dann wäre ich nicht in der Lage, die genaue Position des Textes oder der Bilder anzugeben, die ich in bestimmten Formen benötige. Vielen Dank für jede Hilfe im Voraus.

Antworten auf die Frage(7)

Ihre Antwort auf die Frage