这个带有三角形的CSS活动菜单样式叫什么？

在下面的图片中，我模拟了一个CSS活动菜单样式，我想找到它的例子，并希望复制它

你会注意到有一个三角形突出显示活动菜单，它也可以显示为粗体

问题1。这种“活动菜单三角形样式”实际上叫什么？所以我可以找到它的CSS示例

---

问题2。在哪里可以找到这样的示例？

我不知道它是如何调用的，但我猜它与任何CSS属性都不对应。我想你必须通过背景图像来实现这一点。

我不知道它是如何调用的，但我猜它与任何CSS属性都不对应。我想你必须通过背景图像来实现这一点。

我不认为这有什么名字，但如果不添加背景图像，在CSS中实现这一点将很困难。对于图像，这相当简单，请参见其他注释

当然，您可以使用

：after

和一些CSS3技巧来创建一个模拟箭头的元素，如下所示：

---

但它不会在每个浏览器中都起作用，你必须准确地知道菜单项的宽度

我不认为这有什么名字，但如果不添加背景图像，在CSS中很难做到这一点。对于图像，这相当简单，请参见其他注释

当然，您可以使用

：after

和一些CSS3技巧来创建一个模拟箭头的元素，如下所示：

---

但它不会在每个浏览器中都起作用，你必须准确地知道菜单项的宽度

都是通过css类完成的，比如：

html

<ul>
    <li><a href="#">Menu Item 1</li>
    <li><a href="#" class="selected">Menu Item 2</li>
    <li><a href="#">Menu Item 3</li>
    ....
</ul>

---

调整背景位置，直到它与边框紧贴。

所有操作都通过css类完成，如下所示：

html

<ul>
    <li><a href="#">Menu Item 1</li>
    <li><a href="#" class="selected">Menu Item 2</li>
    <li><a href="#">Menu Item 3</li>
    ....
</ul>

---

调整背景位置，直到它与边框紧贴。

您需要查找css三角形菜单（或css3三角形）。 这些都是用透明的边框制作的。 这里有一个关于如何制作三角形的很好的解释：

---

您需要查找css三角形菜单（或css3三角形）。 这些都是用透明的边框制作的。 这里有一个关于如何制作三角形的很好的解释：

---

该形状称为CSS多边形。他是2001年第一个写这项技术的人之一。设计模式称为。形状称为CSS多边形。他是2001年第一个写这项技术的人之一。设计模式称为a。

如果有人感兴趣或有任何补充，我会在我的博客上解释我在这里做了什么：如果有人感兴趣或有任何补充，我会在我的博客上解释我在这里做了什么：BBC iPlayer有这种效果，但我不确定他们是如何做到的，我认为这只是一系列图像。但不管怎样，下面的答案都非常有用。BBC iPlayer具有这种效果，但我不确定他们是如何做到的，我认为这只是一系列图像。但不管怎样，下面的答案都非常有用。