二级菜单的做法

首先是Html代码，习惯上会将菜单放在一个div里，使用盒子模型，方便以后的操作和设置样式。
二级菜单也就是在一级菜单中的li中再添加一个ul-li结构
[html]
<div class="test">  
    <ul>  
            <li>A</li>  
                <li>B</li>  
                <li>C  
                    <ul>  
                            <li>C1</li>  
                            <li>C2</li>  
                            <li>C3</li>  
                    </ul>  
            </li>  
    </ul>  
</div>  
使用css代码设置样式
[css]
<style type="text/css">  
        .test ul{  
            list-style-type: none;  
  
        }  
        .test ul li{  
            float:left;  
            width:50px;  
            height:20px;  
            border:1px solid black;  
            text-align: center;  
        }  
  
        .test ul li ul{  
            display: none;  
        }  
  
        .test li:hover ul{  
            display:block;  
        }