无法制作 Css 菜单 [关闭]答案

【问题标题】：Cant make a Css-Menu [closed]无法制作 Css 菜单 [关闭]
【发布时间】：2013-04-02 01:14:21
【问题描述】：

如何在 CSS 中创建导航菜单？我想要一个带有 4 个菜单按钮的菜单！一直在搜索谷歌并询问朋友，但一直无法弄清楚！

提前致谢！

【问题讨论】：

以下任何答案对您有帮助吗？如果可以，你能接受答案吗？

标签： css menu

【解决方案1】：

首先，请在再次发布之前阅读此问题的第一个答案。它将帮助您了解 SO 的用途： https://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link-to-it

工作示例： 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;
}

【讨论】：

【解决方案2】：

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

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

【讨论】：