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

标签 html css wordpress

我在 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 中完成。

感谢您的帮助。

最佳答案

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

关于html - 导航菜单中的悬停效果(wordpress),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14007161/

相关文章:

javascript - 在其包装器上进行触摸和鼠标拖动事件时如何防止 anchor 上的单击事件

html - 在网站上使用 Century Gothic 或其他字体

javascript - 如何在提交前获取 WooCommerce 订单数据?

javascript - HTML 按钮没有点击

html - 让阴影文本在 IE 中工作

javascript - 如何在 JavaScript 或 jQuery 中 1 秒后删除类?

css - 需要帮助确定如何使用 CSS 定位此元素

html - 恢复默认的 css 属性

php - 如何强制刷新网页

php - Ruby/Rails/Discourse 如何设置根目录