Tom74269: Hintergrund mit css

Beitrag lesen

Hallo zusammen,

ich möchte den Hintergrund einer Webseite durch einige Quadrate gestalten, die sich in x-Richtung periodisch wiederholen sollen.

Nun möchte ich dies nicht mittels eines quadrate.gif und

<body style="background-image:url(quadrate.gif);background-repeat:repeat-x"> ...</body>

realisieren, sondern würde die quadrate.gif gerne als Vektorgrafik via css und <div> aufbauen:

<div style="position:absolute; left:0px; top:0px; width:100px; height:100px;">  
  <div style="position:absolute; left:0px; top:0px; width:50px; height:50px; background:red;"></div>  
  <div style="position:absolute; left:50px; top:50px; width:50px; height:50px; background:red;"></div>  
</div>

Ist es möglich das <div> analog zu repeat-x periodisch zu wiederholen?
Alternativen zu meinem Ansatz einer periodischen Wiederholung des <div> sind willkommen.

Viele Grüße und tausend Dank!
Tom