很多人在设计主题的时候不会设计菜单！怎么办呢!下面我来介绍一个简单的方法来对菜单进行设计！
1.首先设计一个主题！（我在这里就不设计了只对原有菜单进行修改!使用默认Twenty Twelve进行修改，这个主题大家都不陌生）在后台设置菜单加入二级菜单！这个就不用多说了！
2.首先我清除了这个主题菜单相关的样式！让他变成了这个样式（下图）

3.修改样式开始了 我们首先获取菜单的代码

<div class="menu-main-menu-container"><ul id="menu-main-menu" class="nav-menu"><li id="menu-item-4" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-has-children menu-item-4"><a href="http://localhost/">首页</a>
<ul class="sub-menu">
	<li id="menu-item-327" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-327"><a href="#">sss1</a></li>
</ul>
</li>
<li id="menu-item-325" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-325"><a href="http://localhost/?cat=1">未分类</a>
<ul class="sub-menu">
	<li id="menu-item-326" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-326"><a href="#">sss</a></li>
</ul>
</li>
</ul></div>

这个就是菜单的html代码了

下面将这个代码复制到

Adobe Dreamweaver中看视频学习上的方法进行css的编辑其实很简单就能实现你需要的效果了