纯CSS制作下拉菜单思路

By | 2014年1月2日

CSS代码:

ul > li:hover > ul{
    display:block;
}
ul > li > ul{
    display:none;
}

HTML代码:

<ul>
    <li>主菜单
    <ul>
        <li>子菜单一</li>
        <li>子菜单二</li>
    </ul>
    </li>
</ul>

 

Category: CSS

发表评论