Froschpopo: 'Boxen' mit runden Ecken. Wie am besten erstellen?

Beitrag lesen

^^^^^^^^^^^^^^^^^

Ohne(!) Images? Wirklich OHNE???

Klar, geht auch ganz ohne!
Du lagerst einfach soviele Boxen mit unterschiedlicher Verlagerung übereinander, bis Du den gewünschten Radius erreicht hast.

Angenommen Du legst 3 Boxen übereinander. Mit unterschiedlichen margin-Werten kannst Du die jeweiligen Seitenabstände der drei Schichten festlegen.

Die unterste Schickt hat z.b. 3 pixel margin zu jeder horizontalen.

Schicht 2, hat 2 Pixel margin zu jeder horizontalen.

Die oberste Box hat einen margin von nur 1 Pixel und liegt damit einen Pixel über dem Content.

Grafisch sähe das so aus:
   _Schicht 1_
  __Schicht 2__
 ___Schicht 3___

Und unten dann nochmal dasselbe.