这叫什么，我如何在 CSS 中复制它？答案

【问题标题】：What is this called, and how do i replicated it in CSS?这叫什么，我如何在 CSS 中复制它？
【发布时间】：2013-10-17 20:40:00
【问题描述】：

我知道标题很臭，但正如它所说，我不知道我想要创建的名称是什么。

我想做一个链接列表（或者如果您愿意，也可以是一个菜单，但没有下拉菜单），如下所示：

这只是一个例子，所以它不是很漂亮。它在每个框中都有这些箭头，并将它们“连接”到彼此，但每个框都是一个单独的元素。我觉得这种风格有一个名字，叫什么？对寻求帮助会有很大帮助。

我希望通过纯 CSS 制作元素来实现这一点，我最接近的是来自此页面的帮助：http://www.css3shapes.com/ 但我无法将它们组合起来创建菜单。

感谢任何和所有类型的帮助。

【问题讨论】：

一个 CSS 箭头框另见：stackoverflow.com/questions/16180107/arrow-box-with-css
我不确定翻译，但你是在说面包屑吗？
它叫做 BradCrumbs。旧故事的原名。
我不一定会调用这些面包屑。它们不必用于导航。它们有很多名称，包括“箭头框”和“台阶”。看看semantic-ui.com/elements/step.html 作为另一个例子。
也许我们可以称之为箭头框作为面包屑..jsfiddle.net/6aH75/2

标签： html css

【解决方案1】：

它叫做面包屑。

“绘制”它比你想象的要容易。

这里有一个提示：

这是一个单箭头：

还有魔法：

【讨论】：

【解决方案2】：

我们以前叫它breadcrumbs with arrowboxes。但这取决于你。我不认为有一个通用名称。
查看这些链接
- http://www.red-team-design.com/css3-breadcrumbs
- http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation

【讨论】：