css - Css-Menu を作成できない

Question

CSS でナビゲーション メニューを作成するにはどうすればよいですか? メニューボタンが4つあるメニューが欲しい！Google で検索したり、友達に聞いたりしましたが、何かを理解できませんでした。

前もって感謝します！

Answer 1

まず、この質問に対する最初の回答を読んでから、再度投稿してください。SO の目的を理解するのに役立ちます: https://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -それへ

作業例: http://jsfiddle.net/k3AbH/1/

HTML:

<ul>
    <li><a href="http://www.google.com">Item 1</a></li>
    <li><a href="http://www.google.com">Item 2</a></li>
    <li><a href="http://www.google.com">Item 3</a></li>
    <li><a href="http://www.google.com">Item 4</a></li>
</ul>

CSS:

ul li {
    float:left;
    list-style:none;
}

ul li a {
    padding:6px 10px;
    border-right:1px solic #C0C0C0;
    font-size:13px;
    color:#FFF;
    background-color:#A1A1A1;
    display:block;
}

ul li a:hover {
    background-color:#C0C0C0;
}

Answer 2

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

ul li > ul { display: none; }
ul li:hover > ul { display: block; }