Wie erzeuge ich dreieckige senkrechte Brotkrumbs?

Question

Ich versuche, ein vertikales Breadcrumb zu entwerfen.Ich bin nicht sicher, wie ich die kleinen Dreiecke auf der Unterseite tun soll, ich hoffe, dass ich das nur mit CSS tun kann und keine Bilder benutzen kann.Ich sehe folgende Ergebnisse:

Sie sollten in der Lage sein, mit weißer Farbe wie das Element am Schwebe füllen zu können.

Sie können meinen Fortschritt auf der Geige sehen: http://jsfiddle.net/5jjm3/2/ <

html:

generasacodicetagpre.

css:

generasacodicetagpre.

danke!

Answer 1

Demo: http://jsbin.com/zexoq/1

http://jsbin.com/zexoq/2/edit - besser

Multi-Line: http://jsbin.com/qebek/2/edit

---

generasacodicetagpre.

---

css

generasacodicetagpre.

Answer 2

Sie können verwenden: vorher und: danach, um das Dreieck mit den Grenzen zu erstellen.

Überprüfen Sie Ihren Code:

generasacodicetagpre.

Demo : http://jsfiddle.net/4n9HQ/