Frederik: Rahmen in Navigation zusammenfallen lassen

Beitrag lesen

Hallo!

Für eine horizontale Navigation möchte ich gerne die Menüpunkte mit senkrechten Strichen trennen. Dafür wollte ich den <li>s eine seitliche border geben. Wie kann ich aber erreichen, dass die Rahmen an der Seite zusammen fallen? So wie im Prinzip bei border-collapse.

Ein Beispiel dafür, was ich meine, sieht man bei tagesschau.de - obwohl die, glaube ich, Bilder dafür einsetzen.

Das Problem ist: Die Linien sollen sowohl zwischen den Punkten als auch ganz rechts und ganz links stehen. Also kann ich nicht nur ein border-left bzw. -right nehmen. Bisher habe ich überall border-left genommen, und dem letzen Element eine Klasse zugeordnet, die zusätzlich ein border-right bekommt. Aber lässt sich das nicht allgemeiner lösen?

Liebe Grüße
Fredo