程序博客网 > 证券行业研究员知乎

Web_使用列表创建下拉菜单CSS

来源：互联网发布：证券行业研究员知乎编辑：程序博客网时间：2024/05/22 02:23

=>源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用列表创建下拉菜单</title>
    <style type="text/css">
  #navbar ul{
   margin: 0;
   padding: 0;
   list-style: none; /*清除列表项图标*/
  }

  /*使最外层列表项都向左浮动<水平分布列表项_水平菜单>*/
  #navbar li {
   float: left;
   width: 10em;
  }

  #navbar li ul { /*初始时隐藏第二级列表*/
   display: none;
  }

  /*当实现li:hover时，第二级列表显示*/
  #navbar li:hover ul {
   display: block;
   width: 10em;
   position: absolute;
  }

  #main {
   clear: left;
   padding-top: 30px;
  }
</style>
</head>

<body>
<div id="navbar">
    <ul>
        <li><a href="">影视</a>
            <ul>
                <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>
                </ul>
            </li>
        </ul>
    </div>

    <div id="main">
    内容...内容...内容...内容...内容...内容...内容...内容...内容
    <div>
</body>
</html>

证券行业研究员知乎

证券行业研究员知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子杭州无痛人流多少钱做无痛人流需要多少费用郑州无痛人流无痛人流图片无痛人流过程需要多长时间玛利亚医院无痛人流多少钱南宁无痛人流多少钱做无痛人流要多少费用微管可视无痛人流价位可视无痛人流术费用保宫可视无痛人流价格可视无痛人流安全吗顺产无痛分娩多少钱超导可视无痛人流时间超导可视无痛人流术要多少钱微管可视无痛人流术多少钱超导可视无痛人流术的价格微创可视无痛人流术超导可视无痛人流痛不痛无痛清宫痛吗微创可视无痛人流医院超导可视无痛人流疼不疼中医院无痛人流价格可视无痛人流药流无痛分娩好不好超导可视无痛人流特点格蕾丝可视无痛人流无痛可视流产的价格无痛注射除腋臭技术无痛结肠镜检查无痛人流会疼吗无痛人流刮宫无痛取环真的不疼吗无痛人流技术怀孕无痛人流多少钱什么叫无痛分娩无痛超导可视微管人流做无痛胃镜难受吗无痛人流疼么早孕无痛人流多少钱格蕾丝无痛人流价格