Question

我需要一个导航栏。我从这个网站获得了灵感：http://hudyl.com/。

我在html和css中表现不佳。所以我不知道从哪里开始，请帮助我！

祝你好运。马库斯哈里森

Answer 1

您可以尝试这样的事情：

<nav>
    <ul>
        <li> <a href="http://www.google.nl/">Menu item 1</a>

        </li>
        <li> <a href="http://www.google.nl/">Menu item 2</a>

        </li>
        <li> <a href="http://www.google.nl/">Menu item 3</a>

        </li>
        <li> <a href="http://www.google.nl/">Menu item 4</a>

        </li>
    </ul>
</nav>

使用CSS：

nav {
    height: 100px;
    background-color: blue;
}

nav > ul {
    list-style: none;
}

nav > ul > li {
    display: inline;
}

然后根据您的需要设计它。

<强> Demo here

Answer 2

您引用的网站确实使用UL-LI的概念来构建菜单，但用于样式化的实际CSS（您称之为“移动”）是自定义CSS Hadley.css中的一个。使用IE（或大多数浏览器）中的F12工具，您可以调查菜单的选项。或者，请查看以下链接或搜索“CSS LI UL MENU transform html”以获取许多样本。

样品：

http://www.sitepoint.com/how-to-create-a-flashy-menu-using-css/

菜单制作者：

http://cssmenumaker.com/
http://html5-menu.com/html5-menu-maker.html

不知道从哪里开始使用此导航栏（导航栏）

2 个答案: