纯粹在 CSS 中创建行面包屑

Question

我想知道是否有办法创建这种面包屑样式：http://www.lumosity.com/app/v5/personalization/memory

只有 CSS。我在网上找过任何文章，但我发现的都是三角形面包屑。如果你们知道任何文章，请分享。

我找到了一个 stackoverflow，如果其他人正在寻找它，它就有答案。 Creating CSS3 Circles connected by lines

我只需要稍微更改一下我正在搜索的单词

Answer 1

这个呢？ http://jsfiddle.net/8u2Bp/9/

纯粹是 css，所以没有实际更改 div 或 page 或其他内容的代码。

为了这个效果，你必须使用li:before和li:after标签，我也使用css counter作为步骤。

有关 hte css 计数器的更多信息，请查看此链接：

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters

希望对你有帮助。