一款纯css3实现的竖形二级导航的实例教程

　　之前为大家分享了好多导航菜单。今天给大家带来一款纯css3实现的竖形二级导航。这款导航菜单可以是无限级。一起看下效果图：

　　实现的代码。

　　html代码：

1. <div style="width: 700px; margin: auto;">  
2.         <div class="W1-h16">  
3.             <ul>  
4.                 <li class="has-sub"><a href="#">Menu 1</a>  
5.                     <ul>  
6.                         <li class="has-sub"><a href="#">Submenu 1.1</a>  
7.                             <ul>  
8.                                 <li><a href="#">Submenu 1.1.1</a></li>  
9.                                 <li class="has-sub"><a href="#">Submenu 1.1.2</a>  
10.                                     <ul>  
11.                                         <li><a href="#">Submenu 1.1.2.1</a></li>  
12.                                         <li><a href="#">Submenu 1.1.2.2</a></li>  
13.                                     </ul>  
14.                                 </li>  
15.                             </ul>  
16. &nbs