html - 导航菜单中的悬停效果(wordpress)

Question

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

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

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

感谢您的帮助。

Answer 1

此生成器将为 CSS 3 中的对话气泡生成 css:http://cssarrowplease.com/