divcss样式怎么做下拉导航栏
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>
很简单的一个,希望对你有所帮助
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询