nav
来源:互联网 发布:正品代购软件 编辑:程序博客网 时间:2024/06/05 04:07
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
*{margin:0;padding:0;}
#nav{
background-color:#DDD;
height:40px;
width:600px;
margin:0 auto;
}
#nav ul {list-style-type:none;}
#nav ul li{float:left;line-height:40px;text-align:center;position:relative;}
#nav ul li a{text-decoration:none;color:#000;display:block;padding:0 10px;}
#nav ul li a:hover{background-color:#666;color:#FFF;}
#nav ul li ul li{float:none; white-space:nowrap;text-align:left;}
#nav ul li ul{position:absolute;display:none;background-color:#EEE;color:white;}
#nav ul li:hover ul{display:block;}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">前端课程</a>
<ul>
<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="#">学习中心</a>
<ul>
<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="#">习中心心</a>
<ul>
<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="#">习心中心</a></li>
</ul>
</div>
</body>
</html>
- nav
- nav
- nav
- nav
- <nav></nav>
- nav元素
- nav元素
- nav元素
- Bootstrap Nav
- Programming Microsoft Dynamics NAV
- nav练习总结
- HTML 5 <nav> 标签
- nav返回按钮样式
- Html5 <nav>标签用法
- javascript nav导航栏
- ion-nav-view
- 【简单常用】nav view
- nav state bar
- document.ready与window.onload的区别
- [WPF]动画
- 第13周项目6(1)-体验文件操作
- 第十三周项目三成绩处理函数版
- 泡沫论来袭 互联网金融急寻“棉袄” 互联网金融急寻“棉
- nav
- spring aop expression简单说明
- struts1,struts2,springMVC对比
- LeetCode[Linked List]: Partition List
- spring-3.2.9 + struts-2.3.16.3 + mybatis-3.2.8 +mysql SSI集成
- Extjs之常用控件要封装
- 普通用户启动WebLogic,应用程序无法从FTP服务器目录中获取图片问题的解决方案。
- 第13周项目6(2)-体验文件操作
- 谷歌公司推荐的计算机科学在线课程&学习路线