css 菜单_html/css_WEB-ITnose
程序员文章站
2022-03-31 19:31:54
...
### 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 "在这里输入图片标题") 代码:```一级横向,二级纵向菜单 ```