• 二级导航栏


    像这样,一个菜单横向菜单就建好了,下来我们给栏目一,栏目二,栏目三,添加二级下拉菜单

    <div class="nav">

      <ul>

        <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>

                <li><a href="#">二级栏目</a></li>

            </ul>

        </li>

        <li><a href="#">栏目四</a></li>

        <li><a href="#">栏目五</a></li>

      </ul>

    </div>

  • 相关阅读:
    17 盒子模型
    16 input默认样式清除
    15 组合选择器
    14 CSS权重深入
    13 CSS样式权重问题
    12 子代选择器和后代选择器
    11 CSS的三种引入方式和基本选择器
    10 table标签
    NOIP1998拼数
    NOIP1998车站
  • 原文地址:https://www.cnblogs.com/langwo/p/7076626.html
Copyright © 2020-2023  润新知