js导航栏下拉菜单
⽹页顶部横向导航栏的制作（最最基本的导航栏）注意：该⽂章实现的导航效果是最基本的那种，没有加任何的js代码，纯粹使⽤html标签+css样式实现的。html代码：
<div class="nav">
<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>
</div>
css样式：
.nav{
height:80px;
line-height:80px;
background:#ededed;
border-radius:0 0 15px 15px;
}
.nav li{
float:left;
width:70px;
text-align:center;
}
.nav a{
display:block;
color:black;
}
.nav a:hover{
color:white;
background:blue;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。