css 菜单_html/css_WEB-ITnose
程序员文章站
2022-05-04 22:32:36
...
### css菜单css主要分为一级菜单、二级菜单和多级菜单,而且基本都是用列表来写1、一级菜单:一级菜单可以分为水平方向的,又可以分为纵向的如 1.1水平横向菜单:这种菜单的写法一般有两种,一种是将列表的li标签的display属性设置为display:inline-block;而另外一种则是 直接使用浮动float属性,设置为 float: left;或者 float: right; ![输入图片说明](https://static.oschina.net/uploads/img/201510/26210208_YTUi.png "在这里输入图片标题") 代码:```一级横向菜单方法一 ``` 1.2一级纵向菜单:这个最简单,直接使用列表即可 (https://static.oschina.net/uploads/img/201510/26205935_iLsd.png )2、二级菜单和多级菜单也可以分为水平方向的,又可以分为纵向的,二级菜单的写法主要是先将二级菜单设置成display:none;然后当鼠标移动经过时将二级菜单设置为可见的就可以了。![输入图片说明](https://static.oschina.net/uploads/img/201510/26210016_TiRM.png "在这里输入图片标题") 代码:```一级横向,二级纵向菜单 ```
上一篇: jQuery hover 延时器实现代码_jquery
下一篇: 网页中照片预览导航设计技巧
推荐阅读
-
隔壁的牛大说“不行,这个还得改进~”_html/css_WEB-ITnose
-
div+css 就是比table强!_html/css_WEB-ITnose
-
HTML5 常用标签整理_html/css_WEB-ITnose
-
CSS弹出背景半透明窗口_html/css_WEB-ITnose
-
如何平铺整个页面_html/css_WEB-ITnose
-
css3 颜色记_html/css_WEB-ITnose
-
PS学习_html/css_WEB-ITnose
-
CCS里,margin-bottom真的无效吗?_html/css_WEB-ITnose
-
Symfony2安装时欢迎页面CSS混乱的解决方案_html/css_WEB-ITnose
-
Github 上最受欢迎的一些 CSS 框架参考_html/css_WEB-ITnose