div+css制作导航下拉菜单。

导航菜单是每个网站所必备的功能,也是每个学习制作网站的朋友所必须接触的,如何用css样式制作一个简单漂亮的二级下拉菜单呢

方法

打看dreamweaver或其它编辑器,创建一个名为nav的导航菜单

div+css制作导航下拉菜单。

现在为nav添加样式,首先去掉默认的margin和padding,再去掉<ul>< li>标签的list-style样式和<a>标签的默认下划线。

div+css制作导航下拉菜单。

像这样,一个菜单横向菜单就建好了,下来给栏目一,栏目二,栏目三,添加二级下拉菜单

div+css制作导航下拉菜单。

添加完二级栏目后,现在开始添加css样式,首先给<li>标签下的<ul>标签添加相对定位,再去除之下<li>标签的做浮动样式,再适当修改<a>标签

div+css制作导航下拉菜单。

接下来隐藏掉二级下来菜单,并给它添加鼠标滑动效果,使得当鼠标滑动到主栏目时,二级下来菜单显示。完成编辑

div+css制作导航下拉菜单。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 951076433@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:https://www.xiaomafuwu.com/170029.html

(0)
代码小二的头像代码小二

相关推荐