konkave Rahmenlinine mit border-radius

[Beat]

ich hab' eine Navigation mit Reitern über einem Bereich - der Rahmen darum hat "runde Ecken"

An den unten enden der Reiter (Ein x markiert den Punkt) gibt es aber konkave Rundungen - kann man diese auch einfach mit CSS lösen oder pack ich da einfach 2 Grafiken hin?

Es kommt darauf an, wie viel vertikale Versetzung der :before und :after Blockboxen (genative margins) du dir leisten willst. Diese dürfte um so grösser sein, je grösser der Radius ist.

Lösung mit background-image ist in diesem Fall eventuell einfacher.

mfg Beat