CSS 1px - Quadrat wiederholen?

[angeboot]

Hallo.
Als Laie bin ich grad nen bissl überfordert.

Ich möchte via CSS eine Box (Format 1024x768) mit lauter kleinen Pixeln (insgesamt also 786.432 Pixel) vollstopfen, die man dann im Anschluss <b>EINZELN</b> farblich ändern kann.

Geht das überhaupt?

Gibt es dazu irgendwo Hilfestellung oder Tutorials?

 

[Maik]

Hi,

wenn das 1px-Quadrat mit float:left ausgezeichnet wird, bricht es beim Erreichen des rechten Boxenrands in die nächte Zeile um, und wiederholt diesen Vorgang "zeilenweise" bis zum unteren Boxenrand.

mfg Maik

 

[angeboot]

soweit so gut.
Wie kann ich jetzt einzelne pixel je nach belieben anders färben?

 

[Maik]

Indem du beispielsweise für alle Boxen, die dieselbe Hintergrundfarbe erhalten, eine Klasse definierst - hier z.B. .bgColor_red:

.bgColor_red { background:#ff0000; }

<div class="bgColor_red"></div>

mfg Maik

 

[angeboot]

heißt das das ich für jedes Pixel ein DIV-Tag machen muss?
Ich versteh nicht ganz wie das am ende im code aussehen soll?
das wird ja ewig lang!?

 

[Maik]

Wie willst du sonst die 1024*768px-Box auffüllen, und anschliessend jedem einzelnen 1px-Quadrat eine andere / abwechselnde Hintergrundfarbe zuordnen? :suspekt:

mfg Maik

 

[angeboot]

ich dachte es gibt ne möglichkeit