Hier eine kleine Hilfestellung wie man eine Kachel erstellt, deren Muster sich beim Wiederholen ergänzt. Bevor du das versuchst, solltest du wissen, wie man mit HTML Bilder einfügt.
* body { background-image:url(hintergrund.gif); }
Zuerst wird eine Grafik erstellt. Die Ursprungsgrafik zeigt ein beliebiges Muster:
![Kachel Ursprungsgrafik](http://html-einfach.de/img/content/kacheln/ursprungsgrafik.gif)
Wenn sich die Kachel wiederholt, und neben anderen, identischen liegt, sieht man, dass die Kanten der einzelnen Kacheln sich nicht ergänzen. Die sichtbaren Kanten der einzelnen Kacheln müssen verschwinden!
![Kachel versuch](http://html-einfach.de/img/content/kacheln/kacheln_versuch.gif)
Jetzt kommt der „Trick“: Die Ursprungskachel wird in 4 Teile zerschnitten…
![Kachel zerschnitten](http://html-einfach.de/img/content/kacheln/zerschnitten.gif)
und jedes Viertel wird mit dem diagonal-gegenüberliegenden getauscht.
![Kachel vertauschen](http://html-einfach.de/img/content/kacheln/pfeile.gif)
Nun passen jedoch die Übergänge der Viertel nicht mehr zusammen, diese müssen von Hand ausgeglichen werden, das kann man mit Farbkleksen oder „Verwischungen“ machen.
![Kachel vertauscht](http://html-einfach.de/img/content/kacheln/vertauscht.gif)
Wenn die Übergänge nun passabel aussehen, kann man schaun wie das Gesamterscheinungsbild ist wenn sich die Kachel „kachelt“…
![Kachel gemalt und ausgebessert](http://html-einfach.de/img/content/kacheln/gemalt.gif)
und siehe da, die Kacheln gehen jetzt sauber ineinander über und die Übergänge sind kaum noch zu sehen. Ein einheitliches Hintergrundbild mit Muster kann entstehen.
![Kachel hintergrundbild](http://html-einfach.de/img/content/kacheln/4_kacheln.gif)