html纵向导航条代码步骤,html纵向导航范例

无标题文档

*{ margin:0px; padding:0px; font-size:12px; }

#menu{ width:100px; border:1px solid #ccc;}

#menu ul{ list-style:none;}

#menu ul li{ height:30px; line-height:30px; background:#FFCCFF; border-bottom:1px solid #333333; padding:0px 8px;position:relative;}

#menu ul li:hover ul{ display:block;}

#menu ul li ul{ display:none;position: absolute; left: 100px; top: 0px;width:100px; border:1px solid #ccc; border-bottom:none;}

a{color: #000000;text-decoration: none;}

a:hover{ color:#00FFFF;}

• 首页
• 网页版式布局
  • 自适应宽度
  • 固定宽度
• div+css教程
  • 新手入门
  • 视频教程
  • 常见问题
• div+css实例
• 常用代码
• 站长杂谈
• 技术文档
• 资源下载
• 图片素材