Question

divcss样式怎么做下拉导航栏

Answer 1

<style type="text/css">
*{margin:0;padding:0;}
ul,li{list-style:none;}
.nav{height:35px;background-color:#000;}
.nav_c{width:800px;margin-left:auto;margin-right:auto;}
.nav_c li{float:left;width:200px;}
.nav_c li a{display:block;color:#fff;line-height:35px;}
.nav_c li p{display:none;}
.nav_c li:hover p{display:block;}

</style>
<div class="nav">
    <ul class="nav_c">
        <li><a>导航一</a><div class="xiala_c"><p>下拉一</p><p>下拉一</p></div></li>
        <li><a>导航二</a><div class="xiala_c"><p>下拉二</p><p>下拉二</p></div></li>
    </ul>
</div>

很简单的一个，希望对你有所帮助