Html 如何在css中的导航栏项下添加块

我想在活动页面（和悬停）下面的导航栏中设置一个小块。应该是这样的：

这是我到目前为止掌握的代码。我认为边界底部需要非常小，厚度要大

.navbar .navbar-nav > li > a:hover {
color:#008080;
background:rgba(255,255,255, 0.0);
border-bottom: 5px solid rgb(255, 128, 0);

}

---

我希望有人能帮上忙。

所以我能看到的最好的方法就是在导航栏里进行div 比如：

家

您是否有一个代码示例来说明您已先尝试过？我在上面编辑了。。我对html和css很有经验，但我真的不知道在这种情况下该怎么办。你能发布你的完整代码（包括html）吗？没问题，你介意把我的答案标记为正确的，这样人们就可以看到他们是否来寻找同一个解决方案了吗？这种方式没有真正起作用，因为你不能悬停在某个问题上，在屏幕上没有显示。我试图做的是将块的背景色更改为与背景相同的颜色。当我悬停时，它会改变颜色。但问题是，悬停仅在导航栏项下的区域起作用。当然要感谢你们的帮助！您是否尝试过使用javascript鼠标悬停事件。在调用函数的列表项中添加mouseover事件将允许您更改.square div的样式？我对JS只了解一点，但我对此类事件没有经验。我必须成为一名网络初学者。设计师：p你能为我举办这样的活动吗？我看到你在另一个问题中找到了解决方案，这就是用js做的方法：）