Kanten eckig machen mit CSS

[MudGuard]

Hi,

Mein Problem ist, dass sich die 4 Ränder-Elemente überdecken können, also war meine Idee border-radius zu verwenden. Das funktioniert soweit auch ganz gut, jedoch wäre es schöner, wenn sie schön gerade aneinander abschließen würden, wie auf dem obigen Beispielbild. Ist das mit border-radius oder einem anderen Element möglich? Wichtig ist, nicht, dass es optisch ist, sondern nur wegen dem MouseOver. Ich bin mir nicht sicher, ob es da andere CSS-Eigenschaften gibt, die mir das so ermöglichen.

transform - und damit das Element trapezförmig umformen.

(ich weiß zwar, daß das geht, aber wie das genau zu machen ist, darfst Du selber rausfinden)

cu,
Andreas a/k/a MudGuard