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

Question

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

css navbar

Answer 1

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

小提琴

另外,请使用语义标记:

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