CSS - 动态菜单图片

Question

我正在计划一个网站，想知道在 CSS:

中创建以下项目的最佳方法是什么

我希望在菜单栏中的项目下方出现一个三角形，但三角形的水平位置会根据用户当前所在的页面而改变（它将突出显示当前查看的菜单项）

有没有办法只用 CSS 进行动态定位？

Answer 1

您需要做的就是下载 Bootstrap，然后为您的导航栏创建一个 >div 元素，您可能已经有了。然后，您需要将所有导航栏页面中的每个列表项标识为 >active，以便它获得与您想要的类似的突出显示。

要添加三角形，您需要一个特殊的 CSS class 或下载的主题。