Ein schlichter Kasten mit Tücken

[MudGuard]

Hi,

hi,

Aufgabe: Ein Kasten mit einem 2px solid blauen Rand links und rechts, einem 5px farbigen rand nach unten.
[...] die 2px Ränder ziehen nicht komplett nach unten, sondern schrägen irgendwie (sieht man gut, wenn man sie grösser macht) ab.
Wenn du dickere border verschiedener Farben hast, dann bilden diese in den Ecken wo sie "zusammenstoßen" jeweils einen solchen "Winkel".
Dabei soll alles in einem Div stehen, weil es im template leider schon so vorgegeben ist. Es existiert also nur ein <div class="topHeadline">.
Gibt es einen Weg die Ränder ganz nach unten zu ziehen, nur in Änderung des CSS?
Mit nur einem Element? Eigentlich nein.

Kommt drauf an, ob das Element bereits ein Hintergrundbild hat.

Wenn ja: falls das Hintergrundbild das Element bereits vollständig ausfüllt: den unteren Balken ins Hintergrundbild setzen.

Wenn nicht: eine Mini-Grafik in der Höhe der gewünschten Border (Breite ein paar Pixel) als Hintergrundbild unten positioniert und in x-Richtung wiederholend.

cu,
Andreas