HTML中简单的菜单怎么弄?

html-css013

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为显示。