HTML – 如何在纯css导航栏上获得三角形悬停效果？

当用户将鼠标悬停在不同的标签上时,我希望在文本下面有一个小三角形.这是我正在使用的一些代码.

css navbar

解决方法

我想这可能就是你要找的东西：

Fiddle

另外,请使用语义标记：

>如果您使用HTML5将导航包裹在< nav>中标签.>您的链接(如果它们确实是链接)应该是< a>元素.>对于您所拥有的链接列表,建议使用列表(< ul>&< li>).