Wordpress导航风格类似Android Market网站

我对wordpress、html、css和javascript非常陌生，如果可能的话，我希望您的帮助：

我正试图让我的网站的wp_nav_菜单与from类似。选项卡是分层的，悬停时更改颜色，加载选项卡内容而不离开页面（我不需要此功能）

---

任何帮助都将不胜感激。

您最好下载Firebug或使用Chrome开发者工具检查页面的CSS和标记。这是准确了解某人是如何获得特定效果的最佳方法

话虽如此，这里有几件事在起作用

选项卡的实际形状是通过使用边框创建的巧妙技巧创建的。在本例中，选项卡的标记只是一个无序列表，带有选项卡文本的跨距。使用

边框底部

和

边框右侧

，创建选项卡的形状：

border-bottom: 24px solid #3D3D3D;
border-right: 24px solid transparent;

然后为选项卡提供负右页边距，以使它们彼此重叠：

margin-right: -12px;

最后，除所选选项卡外的所有选项卡的不透明度均为0.35，这将导致您看到的透明度：

opacity: 0.35;

编辑：哇，我完全忽略了你正在使用WordPress的事实。我不熟悉WP，但是假设nav可以作为一个无序的列表输出，并且跨距包含文本，您应该就可以了。这是一种非常标准的导航方式，所以您真正需要的只是CSS