网页三级菜单

1、新建html文档。

3、书写html代艨位雅剖码。<div class="list"> <u造婷用痃l class="yiji"> <li><a href="#">百度经验</a></li> <li><a href="#" class="inactive">百度经验</a> <ul > <li><a href="#" class="inactive active">百度经验</a> <ul> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> </ul> </li> <li class="last"><a href="#">百度经验</a></li> </ul> </li> <li><a href="#" class="inactive">百度经验</a> <ul style="display: none"> <li><a href="#" class="inactive active">百度经验</a> <ul> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> </ul> </li> <li><a href="#" class="inactive active">百度经验</a> <ul> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> <li><a href="#">百度经验</a></li> </ul> </li> <li class="last"><a href="#">百度经验</a></li> </ul> </li> </ul> </div>

5、查看效果。