HTML中简单的菜单怎么弄？

html-css021

HTML中简单的菜单怎么弄？,第1张

你可以直接用li然后设置浮动。如：

HTML：

<ul>

    <li>首页</li>

    <li>关于我们</li>

    <li>产品概念</li>

</ul>

CSS：

ul{display:block overflow:hidden}

ul li{display:block float:left padding:10px}

下拉菜单不知您说的是哪种，表单元素提供了select下拉框，完全满足下拉菜单的需求。

如果是导航类的下拉菜单的话，首先给可选择的主体部分设置宽高，相对定位属性。然后主体部分建子标签，也就是下拉出来的部分，这部分设置display:none，绝对定位。通过事件是鼠标悬浮或者点击来动态切换子标签的display，none为隐藏，block为显示。