zoukankan      html  css  js  c++  java
  • 下拉列表

       外面的结构层一定要写margin:0 auto;

      下来菜单的实例

      


    <!DOCTYPE html>
      <html>
        <head>
          <meta charset="UTF-8">
          <title></title>
          <style>
            *{
            margin:0;
            padding:0;
            }
            ul,ol{
           list-style:none;
            }
          .clearfix:after{
          content:"";
          display:block;
          visibility:hidden;
          height:0;
          clear:both;
          }
          .clearfix{
          zoom:1;
          }
          .nav{
          400px;
          /*border:red 1px solid;*/
          margin: 0 auto;
          display:block;

           }
            li{
            float:left;
            100px;
            line-height:3;
            text-align:center;
            background:black;
            color:white;
           }
            .list{
          display:none;
            }   

         .nav li:hover .list{

          display:block;
          }
        </style>
        </head>
        <body>
          <div class="nav">
            <ul class="clearfix">
              <li>
                首页
                <ul class="list">
                  <li>天猫</li>
                  <li>京东</li>
                  <li>淘宝</li>
                </ul>
               </li>
              <li>
                新闻
                <ul class="list">
                  <li>天猫</li>
                  <li>京东</li>
                  <li>淘宝</li>
                </ul>
              </li>
            <li>游戏</li>
            <li>经济</li>
           </ul>
          </div>
      </body>
    </html>

  • 相关阅读:
    德才真值表
    Linaro公司基于GCC推出的的ARM交叉编译工具
    荣耀4CROOT 成功!附本人ROOT过程——KINGROOT
    batman-adv——B.A.T.M.A.N. Advanced quick start guide
    linux内核外部驱动模块编译报错ERROR—drivers/*.ko] undefined
    Linux Kernel and Driver Development Training——linux-kernel-slides
    华为手机——解锁步骤
    编译Linux内核—浅谈EABI和OABI
    Linux Kernel and Driver Development Training
    Android—Step by step
  • 原文地址:https://www.cnblogs.com/shangjun6/p/9768486.html
Copyright © 2011-2022 走看看