html – 如何为这样的子导航创建箭头？

概述当您将鼠标悬停在此网站上的“评论”时,如何创建出现的箭头？ http://mac.appstorm.net/category/reviews/ 我想通过css创建这个,但我不知道该怎么做.那个正确的“术语”是什么？ 谢谢！ 如果您注册并将鼠标悬停在其中一个菜单选项上,则可以在 Simple Stock Search查看示例. 这样一个箭头的CSS是： .reviews:after{ co 当您将鼠标悬停在此网站上的“评论”时,如何创建出现的箭头？

http://mac.appstorm.net/category/reviews/

我想通过CSS创建这个,但我不知道该怎么做.那个正确的“术语”是什么？

谢谢！

解决方法 如果您注册并将鼠标悬停在其中一个菜单选项上,则可以在 Simple Stock Search查看示例.

这样一个箭头的CSS是：

.revIEws:after{    content: "";    z-index: 9999;    position: absolute;    bottom: -10px;    left: 50%;    margin-left: -10px;    border-top: 10px solID red;    border-right: 10px solID transparent;    border-left: 10px solID transparent;}

访问此JSFiddle进行演示.

总结

以上是内存溢出为你收集整理的html – 如何为这样的子导航创建箭头？全部内容，希望文章能够帮你解决html – 如何为这样的子导航创建箭头？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。