html - CSS 下拉菜单

标签 html css

<分区>

Possible Duplicate:
CSS Drop Down Menu

我正在尝试创建一个下拉菜单(在导航栏上),但我还不能这样做(是的,我是 CSS 和 HTML 的新手)。到目前为止,我有以下内容在 CSS 中:

#navbar ul { 
margin: 0; 
padding: 5px; 
list-style-type: none; 
text-align: center; 
background-color: #000; 
} 

#navbar ul li {  
display: inline; 
} 

#navbar ul li a { 
text-decoration: none; 
padding: .2em 1em; 
color: #fff; 
background-color: #000;
} 

然后,我在 HTML 中有以下内容:

<div id="navbar"> 
<ul> 
<li><a href="abc.html">| ABC |</a></li> 
<li><a href="xyz.html">| XYZ |</a></li> 
</ul> 
</div> 

我想要的是在 ABC 和 XYZ 下以下拉形式出现的更多子菜单。 有人可以为我指明实现这一目标的正确方向吗?

提前致谢。

最佳答案

基于 this StackOverflow question , 指向 this page as an answer ,我认为这应该能很好地满足您的需求。

关于html - CSS 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6754045/

上一篇:html - 创建下拉登录栏...除了向左摆动而不是向右摆动

下一篇:css - 溢出的 anchor 不可点击

相关文章:

javascript - 如果未单击按钮,如何禁用滚动

html - 从右向左移动图像 - 动画不起作用

javascript - 如何在访问时在文本字段中获取和插入用户的电话号码

css - UI5响应式布局控件(创建响应式CustomListItem)

css - 如何在 asp.net 中将 CSS 分配给移动页面

css - 背景仅通过背景属性覆盖整个屏幕?

javascript - HTML 显示和隐藏在 Mozilla Firefox 中不起作用

html - 多重背景 & :valid - shortest solution/DRY solution?

html - Foundation 6 中的 CSS 提升 Angular

javascript - 浏览器在上传到服务器时找不到背景图像?