如何制作双下拉菜单

时间:2014-07-28 00:44:44

标签: html css html5 drop-down-menu

嗨我有一个带下拉菜单的导航栏。我想要下拉菜单 制作另一个下拉菜单,但我该怎么做?这是我的代码。

<ul id="navbarr">

                                <li class="current-page">
                                    <a href="index.html"><i class="icon-home"></i><br />Home</a>
                                </li>
                                <li>
                                    <a href="portfolio.html"><i class="icon-camera"></i><br />Cities</a>
                                </li>
                                <li>
                                    <a href="#"><i class="icon-comments"></i><br />Blog</a>
                                </li>

                                <li><a href="services.html"><i class="icon-tasks"></i><br />Categories</a><ul>



                                <li><a href="#"><i class="icon-tasks"></i><br />Demographic</a></li>

                                <li><a href="#"><i class="icon-tasks"></i><br />Crimes</a></li>
                                <li><a href="#"><i class="icon-tasks"></i><br />Schools</a></li>
                                <li><a href="#"><i class="icon-tasks"></i><br />Lifestyles</a></li>

                                </ul>
                                </li>

                                <li>
                                    <a href="about.html"><i class="icon-user"></i><br />About</a>
                                </li>
                                <li>
                                    <a href="contact.html"><i class="icon-envelope-alt"></i><br />Contact</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

1 个答案:

答案 0 :(得分:1)

如何在列表元素中创建另一个无序列表?

像这样:

<li class="current-page">
    <ul>
       <li>
           <a href="index.html"><i class="icon-home"></i><br />Home</a>
       </li>
    </ul>
</li>