Boxen mit abger. Ecken einzeln geht nichts (Hintergrund)

Hallo

Ich habe mich entschlossen Boxen mit Abgerundeteten Ecken zu nehmen.
Der hintergrund der 1. Box soll Schwarz sein was auch wunderbar funktioniert.

Nur jetzt möchte die selbe box nur an einer anderen Position mit einem Hintergrund von Weiß.

Das problem ist...einfügen kann ich dies nur wenn ich den Hintergrund der zweiten Box in weiß änder dann ändert sich auch die erste box.
Die hängen da noch irgendwie zusammen aber wie kann ich jede box für sich einfügen? Danke schonmal für eure hilfe

Und hier jetzt die zweite Box

Hallo,

Da sich beide Boxen bei dir "div" nennen, wählt der Browser , der ja deinen
Quelltext von oben beginnend ausliest, die Farbe der ersten Box .
Du müsstest die zweite Box anders nennen Zum Beispiel .Box_2

In der CSS-Anweisung heisst es bei dir auch :
.div1 und .div 2

- .Box_2 wird so sichtbar gemacht : <div class="Box_1> Inhalt </div>
- .div1 wird dann so sichtbar gemacht : <div class="div1"> Inhalt </div>
- .div2 wird dann so sichbar gemacht : <div class="div2"> Inhalt </div>
- Breite und Höhe kämen bei der CSS-Anweisung mit hinein :

Beispiel:

Gruß Wolfgang