导航菜单中的悬停效果（wordpress）

Question

我在wordpress中创建网页，我使用了导航菜单 <?php wp_nav_menu(); ?> ..问题是，我想创建悬停效果，显示在封闭图像中。 http://s11.postimage.org/gclhor5hv/try.jpg

问题是，我不知道如何在悬停列表项的底部创建该三角形。 这是CSS：
#navHead li a:hover{
background-color: #e00d1d;
border-radius: 5px;
color: #fff!important;
background-repeat: no-repeat;
background-position: 50% 30px;
}

在HTML中：生成导航列表，因此无法访问和编辑结构，因此必须在CSS中完成。

感谢您的帮助。

Answer 1

此生成器将在CSS 3中生成语音气泡的css：http://cssarrowplease.com/