这叫什么,我如何在CSS中复制它?

时间:2013-10-17 12:20:27

标签: html css

我知道这个标题很糟糕,但因为它说我不知道​​我想要创建的名称是什么。

我想做一个链接列表(或者更确切地说是一个菜单,如果你愿意,但没有下拉),看起来像这样:

example of a menu i want to create

这只是一个例子,所以它不是很漂亮。它在每个盒子中都有这些箭头,并且它们彼此“连接”,但每个盒子都是一个单独的元素。我认为这种风格有一个名字,它叫什么?将有助于大力寻求帮助。

我希望通过纯粹使用CSS制作元素来实现这一目标,而我最接近的是来自此页面的帮助:http://www.css3shapes.com/但我不能将它们组合起来创建菜单。

赞赏任何和所有类型的帮助。

2 个答案:

答案 0 :(得分:2)

它叫做BreadCrumbs。

比你想象的更容易“画”它。

这是一个提示:

这是一个箭头:

enter image description here

魔术:

enter image description here

答案 1 :(得分:1)

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