当前位置:Gxlcms > html代码 > css菜单_html/css_WEB-ITnose

css菜单_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:26人阅读

### 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 "在这里输入图片标题")  代码:```        一级横向,二级纵向菜单        ```

人气教程排行